es6 配列の結合を見つける方法

青灯夜游
リリース: 2022-11-03 19:47:30
オリジナル
1264 人が閲覧しました

3 メソッド: 1. セット オブジェクトと展開演算子を使用します。構文 "Array.from(new Set([...a,...b]))"; 2. セット オブジェクトと Traversal ステートメントを使用します。 、構文 "a.forEach(i=>{b.push(i);})let u=Array.from(new Set(b));"; 3. set object と concat() を使用します、構文 "Array .from(new Set(a.concat(b)))"。

es6 配列の結合を見つける方法

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

es6 配列の和集合を見つける 3 つの方法

方法 1: set オブジェクトとスプレッド演算子を使用する「.. . ''

  • スプレッド演算子「...」を使用して 2 つの配列をマージします

  • set オブジェクトを使用して重複を削除します

    Set は ES6 によって提供される新しいデータ構造で、配列に似ていますが、重複する値はありません。この機能を使用すると、重複排除のために配列を Set 型に変換し、Array.from メソッドを使用して再度配列に変換できます。

#例:

let a=[1, 2, 3];
let b=[3, 5, 2];
console.log(a);
console.log(b);

// 并集
let unionSet = Array.from(new Set([...a, ...b]));
console.log("并集:");
console.log(unionSet);
ログイン後にコピー

es6 配列の結合を見つける方法

方法 2: セット オブジェクトとトラバーサル ステートメントを使用する

  • forEach() と Push() を使用して 2 つの配列をマージします

    forEach() を使用して配列を走査し、push() を使用して配列の要素を配列に追加しますb 配列の末尾を 1 つずつ削除します。


  • set オブジェクトを使用して重複を削除します

例:

let a=[1, 2, 3];
let b=[3, 5, 2];
console.log(a);
console.log(b);

a.forEach(item => {
    b.push(item);
})

// 并集
let unionSet = Array.from(new Set(b));
console.log("并集:");
console.log(unionSet);
ログイン後にコピー

es6 配列の結合を見つける方法

##方法 3: セット オブジェクトと concat() の使用

concat() メソッドは、2 つ以上の配列を接続するために使用されます。

array1.concat(array2,array3,...,arrayX)
ログイン後にコピー

は新しい配列を返します。配列は、すべての arrayX パラメーターを arrayObject に追加することによって生成されます。 concat() の引数が配列の場合、配列ではなく配列内の要素が追加されます。

例:

let a=[1, 2, 3];
let b=[2, 4, 6];
console.log(a);
console.log(b);

// 并集
let unionSet = Array.from(new Set(a.concat(b)));
console.log("并集:");
console.log(unionSet);
ログイン後にコピー

es6 配列の結合を見つける方法[関連する推奨事項:

JavaScript ビデオ チュートリアル

Web フロントエンド]

以上がes6 配列の結合を見つける方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート