JavaScript で配列にオブジェクトを追加する方法
オブジェクトまたはその他のタイプの要素を JavaScript 配列に追加する最も簡単な方法は、インデックスを作成することです。オブジェクトを配列のインデックスに割り当てるだけで、アイテムがすでにそこに存在する場合は、新しいオブジェクトに置き換えられます。
オブジェクトをさせてください = { '名前' : 'ジョン・ドウ' 、 「イド」 : 3 } ;着替えさせる = [ { '名前' : 「リチャード・ロー」 、 「イド」 : 1 } 、 { '名前' : 'ジョンスミス' 、 「イド」 : 2 } ] ;
到着 [ 2 ] = オブジェクト ;
コンソール。 ログ ( 到着 ) ;
この方法は非常に簡単ですが、配列のインデックスとサイズを知るのは難しいため、オブジェクトを配列に追加するために使用できる他の方法を探す必要があります。最もよく知られており、便利で使いやすい方法は次のとおりです。 押す() 、 アンシフト() と スプライス() .それらの機能はわずかに異なりますが、これらの方法のいずれかを使用できます。これらがどのように異なるかを見てみましょう。
array.push() メソッド
array.push() メソッドは要素をパラメーターとして取り、それらを配列の最後に追加して、配列の新しいサイズを返します。
オブジェクトをさせてください = { '名前' : 'ジョン・ドウ' 、 「イド」 : 3 } ;
着替えさせる = [ { '名前' : 「リチャード・ロー」 、 「イド」 : 1 } 、 { '名前' : 'ジョンスミス' 、 「イド」 : 2 } ] ;
到着 押す ( オブジェクト ) ;
コンソール。 ログ ( 到着 ) ;
array.unshift() メソッド
array.unshift() 関数は、要素を配列の先頭に追加するため、プッシュ メソッドとは逆です。 push メソッドと同様に、1 つ以上の要素をパラメーターとして取り、それらを配列に追加できます。
オブジェクトをさせてください = { '名前' : 「リチャード・ロー」 、 「イド」 : 1 } ;着替えさせる = [ { '名前' : 'ジョンスミス' 、 「イド」 : 2 } 、 { '名前' : 'ジョン・ドウ' 、 「イド」 : 3 } ] ;
到着 シフト解除 ( オブジェクト ) ;
コンソール。 ログ ( 到着 ) ;
array.splice() メソッド
array.splice() メソッドは、特定のインデックスから要素を削除および挿入するために使用できるため、少し異なります。インデックス、削除する要素の数、追加する新しい要素の 3 つの引数を取ります。
オブジェクトをさせてください = { '名前' : 'ジョン・ドウ' 、 「イド」 : 3 } ;着替えさせる = [ { '名前' : 「リチャード・ロー」 、 「イド」 : 1 } 、 { '名前' : 'ジョンスミス' 、 「イド」 : 2 } ] ;
到着 スプライス ( 2 、 0 、オブジェクト )
コンソール。 ログ ( 到着 ) ;
既存の配列から要素を削除したくないため、2 番目のパラメーターとして 0 を指定しました。
その他の便利な方法
JavaScript は、配列、オブジェクト、および配列内に存在するオブジェクトを操作するための他の多くの便利なメソッドも提供します。 array.apply() と array.concat() は、私たちの場合に役立つ可能性のあるそのような関数の 2 つです。
array.apply() メソッドを使用して、配列の内容を組み合わせることができます。したがって、オブジェクトを含む 2 つの異なる配列があり、1 つの配列のオブジェクトを別の配列に追加したい場合、1 つずつ手動で行う必要はありません。 apply() メソッドを使用するだけです。さらに、既存の配列の内容から新しい配列を作成する必要がある場合は、concat() 関数を使用できます。
結論
push、unshift、および splice メソッドを使用して、オブジェクトを JavaScript 配列に追加できます。 push メソッドはオブジェクトを末尾に追加し、unshift メソッドはオブジェクトを先頭に追加し、splice メソッドはオブジェクトを配列の特定のインデックスに追加します。これらの方法はすべて、上記のガイドで詳しく説明されています。