JavaScript | 2つ以上の配列を連結する方法

JavaScript 配列,JavaScript

JavaScript | 2つ以上の配列を連結する方法

JavaScriptで作成された2つ、または2つ以上の配列・多次元データを連結してひとつの配列にする方法を紹介しています。

2つ以上の配列を連結する

配列データを連結して統合するのにJavaScriptではconcat()メソッドが利用可能です。

concat()メソッドは指定した複数の配列データを統合して新しい配列を返します。

2つの配列データを連結・統合するには以下のような記述方法が可能です。

let array1 = ['apple', 'banana', 'pine'];
let array2 = ['apple', 'pine', 'peach'];

// 配列を連結する
let new_array = array1.concat(array2);

console.log(new_array);
// ['apple', 'banana', 'pine', 'apple', 'pine', 'peach']

2つ以上の配列データを連結・統合する場合、オプション引数にカンマ区切りで配列を追加していきます。

let array1 = ['apple', 'banana', 'pine'];
let array2 = ['apple', 'pine', 'peach'];
let array3 = ['orange', 'grape', 'pine'];

// 配列を連結する
let new_array = array1.concat(array2, array3);

console.log(new_array);
// ['apple', 'banana', 'pine', 'apple', 'pine', 'peach', 'orange', 'grape', 'pine']

連結した1次元の配列から重複する値を削除したい場合は、方法のひとつとしてArray.from()メゾッドを使う方法があります。

let array1 = ['apple', 'banana', 'pine'];
let array2 = ['apple', 'pine', 'peach'];
let array3 = ['orange', 'grape', 'pine'];

// 配列を連結する
let new_array = array1.concat(array2, array3);

// 配列から重複する値を削除する
new_array = Array.from(new Set(new_array));

console.log(new_array);

// ['apple', 'banana', 'pine', 'peach', 'orange', 'grape']

JavaScript | 配列、多次元配列から重複する値を削除する方法 | ONE NOTES

連結した多次元からなる配列から重複する値を削除したい場合は、方法のひとつとしてArray.from()メゾッドを使う方法があります。

let array1 = [['apple', 'banana', 'pine'],['apple', 'pine', 'peach']];
let array2 = ['apple', 'pine', 'peach'];

// 配列を連結する
let new_array = array1.concat(array2);

// 多次元配列から重複する値を削除する
new_array = new_array.filter(function (i) {
	if (!this[i[1]]) {
		return this[i[1]] = true;
	}
});