Javascriptを使用して配列に要素を追加する

配列への要素の追加は、位置ごとに異なる関数を使用して実行できます。

配列の最後に要素を追加する

これは、プッシュ方式を使用して実行できます。たとえば、

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage");
console.log(veggies);

これにより、出力が得られます-

["Onion", "Raddish", "Cabbage"]

可変数の

引数。たとえば、

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

これにより、出力が得られます-

["Onion", "Raddish", "Cabbage", "Carrot", "Broccoli"]

配列の先頭に要素を追加する

これは、unshiftメソッドを使用して実行できます。たとえば、

let veggies = ["Onion", "Raddish"];
veggies.unshift("Cabbage");
console.log(veggies);

これにより、出力が得られます-

["Cabbage", "Onion", "Raddish"]

可変数の

引数。たとえば、

let veggies = ["Onion", "Raddish"];
veggies.unshift("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

これにより、出力が得られます-

["Cabbage", "Carrot", "Broccoli", "Onion", "Raddish"]

配列の特定の位置に要素を追加する

配列内の特定の位置に要素を追加する必要がある場合があります。 JavaScriptはそのままではサポートしていません。したがって、それを実行できる関数を作成する必要があります。これを配列プロトタイプに追加して、オブジェクトで直接使用できるようにすることができます。

Array.prototype.insert = function(data, position) {
   if (position >= this.length) {
      this.push(data)
      // Put at the end if position is more than total length of array
   } else if (position <= 0) {
      this.unshift(data)
      // Put at the start if position is less than or equal to 0
   } else {
      // Shift all elements to right
      for (let i = this.length; i >= position; i--) {
         this[i] = this[i - 1];
      }
      this[position] = data;
   }
}

let arr = [1, 2, 3, 4];
arr.insert(-1, 2);
console.log(arr);

これにより、出力が得られます-

[1, 2, -1, 3, 4]

これで、作成するすべての配列オブジェクトで挿入メソッドを使用できます。

スプライスメソッドを使用して、特定の位置に要素を挿入することもできます。たとえば、

var months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
console.log(months);

['Jan', 'Feb', 'March', 'April', 'June']