JavaScript は配列を別のものに追加する

Ammar Ali 2023年10月12日
  1. JavaScript の push() 関数を使用して配列を別の配列に追加する
  2. JavaScript の concat() 関数を使用して配列を別の配列に追加する
JavaScript は配列を別のものに追加する

このチュートリアルでは、JavaScript の push() および concat() 関数を使用して、配列に別の配列を追加する方法について説明します。

JavaScript の push() 関数を使用して配列を別の配列に追加する

配列に別の配列を追加するには、JavaScript の push() 関数を使用できます。push() 関数は、アイテムの配列を別の配列に追加します。たとえば、push.apply() 関数を使用して、すべての配列アイテムを別の配列に追加しましょう。以下のコードを参照してください。

var myArray = ['a', 'b', 'c'];
var myArray2 = ['f', 'e']
myArray.push.apply(myArray, myArray2);
console.log(myArray)

出力:

["a", "b", "c", "d", "e"]

出力からわかるように、myArray2 にある 2つのアイテムが myArray に追加されています。

JavaScript の concat() 関数を使用して配列を別の配列に追加する

concat() 関数を使用して、2つの配列を連結して別の配列を作成することもできます。たとえば、concat() 関数を使用して、ある配列を別の配列と連結してみましょう。以下のコードを参照してください。

var myArray = ['a', 'b', 'c'];
var myArray2 = ['d', 'e'];
var myArray = myArray.concat(myArray2);;
console.log(myArray)

出力:

["a", "b", "c", "d", "e"]

連結の順序を変更することにより、myArray に存在するアイテムの順序を変更できます。配列が長すぎると、上記の 2つの関数が失敗することに注意してください。この場合、2つの配列を追加する独自の関数を作成できます。たとえば、for ループを使用して AppendArray という名前の関数を作成し、配列に別の配列を追加してみましょう。以下のコードを参照してください。

function AppendArray(arr1, arr2) {
  l1 = arr1.length;
  l2 = arr2.length;
  for (i = 0; i < l2; i++) {
    arr1[l1 + i] = arr2[i];
  }
  return arr1;
}
var myArray = ['a', 'b', 'c'];
var myArray2 = ['d', 'e'];
var myArray = AppendArray(myArray, myArray2);;
console.log(myArray)

出力:

["a", "b", "c", "d", "e"]

上記のコードでは、インデックスを使用して arr2 の要素を取得し、最後に arr2 に追加しています。ループは、arr2 のすべての要素が arr1 に追加されるまで続きます。length 関数は、配列の長さを取得するために使用されます。

著者: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

関連記事 - JavaScript Array