配列拡張 JavaScript 解説

JavaScriptで配列を拡張する方法: 新しい配列を作成せずに

JavaScriptでは、配列を拡張するために新しい配列を作成する必要はありません。既存の配列に直接要素を追加することができます。

push() メソッド:

• 末尾に要素を追加します。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

array1.push(...array2);

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]

concat() メソッド:

• 新しい配列を返します。元の配列は変更されません。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const newArray = array1.concat(array2);

console.log(newArray); // Output: [1, 2, 3, 4   , 5, 6]
console.log(array1); // Output: [1, 2, 3]

スプレッド演算子 (...):

• 配列を展開して、個々の要素を別の配列にコピーします。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

array1.push(...array2);

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]

注意

• スプレッド演算子は、元の配列を展開して、個々の要素を別の配列にコピーします。
• concat() メソッドは新しい配列を返します。
• push() メソッドは元の配列を変更します。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

array1.push(...array2);

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const newArray = array1.concat(array2);

console.log(newArray); // Output: [1, 2, 3, 4   , 5, 6]
console.log(array1); // Output: [1, 2, 3]

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

array1.push(...array2);

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

array1.push(...array2);

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const newArray = array1.concat(array2);

console.log(newArray); // Output: [1, 2, 3, 4   , 5, 6]
console.log(array1); // Output: [1, 2, 3]

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

array1.push(...array2);

console.log(array1); // Output: [1, 2, 3, 4, 5, 6]