javascript - カスタムjQuery関数の配列データ内に配列を作成する方法は?

Question

カスタム jQuery 関数で配列データを作成するためのチュートリアルを探していますが、見つかりません。jQuery 関数の配列内に配列を作成する方法を教えてください。私はこのように自分の関数を呼び出したい:

$(this).myPlugin({ 
    data_first: '1',
    data_second: {
       first_word : 'Hello', second_word : 'World'
    }
});

私の関数スクリプト

(function($) {
    $.fn.myPlugin = function(data) {
       return this.each(function() {
          alert(data['data_first']+' bla bla '+ data['data_second'][first_word]);
       });
    }
})(jQuery);

Answer 1

これは配列ではなくオブジェクトと呼ばれ、アクセスするだけで済みますobject1.object2_name.object3_name。

(function($) {
    $.fn.myPlugin = function(data) {
        console.log(data);
        return this.each(function() {
            console.log(data.data_first + ' blah - ' + data.data_second.first_word);
        });
    }
})(jQuery);

Answer 2

コードから、引用符で囲むfirst_wordのを忘れたか、ドット演算子の代わりに誤って角括弧を使用したようです。

引用符の追加:

(function($) {
    $.fn.myPlugin = function(data) {
       return this.each(function() {
          alert(data['data_first']+' bla bla '+ data['data_second']['first_word']);
       });
    }
})(jQuery);

またはドット演算子を使用します（私の意見ではきれいに見えます）：

(function($) {
    $.fn.myPlugin = function(data) {
       return this.each(function() {
          alert(data.data_first + ' bla bla ' + data.data_second.first_word);
       });
    }
})(jQuery);