es6 での 3 つのドットの使用法は何ですか?

使用法: 1. 配列を結合します。構文は「[...arr1, ...arr2]」です。 2. 配列オブジェクトをコピーします。構文は「name= [...array object]」です。 ; 3. 文字列から文字配列への変換、構文は「[...文字列オブジェクト]」です; 4. 変数の分解、構文は「[変数オブジェクト,...名前]=値」です。

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

es6 での 3 つのドットの用途は何ですか

スプレッド演算子 (spread) は 3 つのドット (...) で、ES6 の新しい演算子です。これには次のような多くの機能があります。 as 配列をカンマ区切りのパラメータシーケンスなどに変換できます。アプリケーション シナリオでは、通常、オブジェクト展開演算子と配列演算子の 2 つのタイプが使用されます。

関数は次のとおりです:

1. 配列の最大値を取得します。

従来: Math.max(1,2,3)

記述: Math.max(…[1,2,3]) は上記の例と同等です

2. メソッド

function sum(a,b){
  console.log(a+b)//5
}
sum(...[2,3])

を呼び出します。出力結果は次のとおりです:

3. 配列を接続します

var arr1 = [0, 1, 2]; 
var arr2 = [3, 4, 5];  
arr1.push(...arr2);

結果の配列要素は 0、1、2、3、4、5 です。

4. 配列を接続します

var arr1 = ['a', 'b']; 
var arr2 = ['c']; 
var arr3 = ['d', 'e'];
[...arr1, ...arr2, ...arr3]

接続された配列要素: a、b、c、d、e

5. 文字列を実数の配列に変換します

[...'hello']  //

結果は次のとおりです:

6. クラス配列を実数配列に変換し、重複を削除します。

[...new Set([1,2,3,3])] //

new Set はクラス配列を返します。クラス配列を実際の配列に変換する

7. 展開アルゴリズム

let map = new Map([  
      [1, 'one'],  
       [2, 'two'],  
       [3, 'three'],  
]);  
let arr = [...map.keys()]; // [1, 2, 3]

vue プロジェクトを書くとき、わからないのでパラメータの数を確認するには、params:param.data または params: {未定義

...param.data}
return axios({
　　method: param.type,
　　url: value.prefix + param.url + value.postfix,
       params: {
　　    ...param.data  // 将数组展开
       }
})

[関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がes6 での 3 つのドットの使用法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。