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;
}
});