JavaScript で 3 つのドットは何を表しますか?

JavaScript では、3 つのドット "..." は ES6 で新しく追加されたスプレッド演算子を表します。関数呼び出し/配列構築中に構文に配列式または文字列を追加できます。レベル拡張。リテラル オブジェクトを構築するときに、「キーと値」の方法でオブジェクト式を展開することもできます。

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

jsのコードを見るとよく「...」が3つ出てきますが、これは何を意味しているのでしょうか？使用は何ですか？

これから3つのポイントについてお伝えします

これらは何を意味するのでしょうか？

3 つのドット (...) の本当の名前は、ES6 で新しく追加された展開演算子です。関数呼び出しや配列の構築中に構文レベルで配列式または文字列を展開できます。リテラル オブジェクトを構築するときに、キーと値の方法でオブジェクト式を展開することもできます。

リテラルは通常、[1,2,3] または {name:'chuichui'} の単純さを指します。メソッド、多層の入れ子配列やオブジェクトは 3 点では無力です。

端的に言うと、中括弧 ([]) であろうと中括弧 ({}) であろうと、服を脱ぐことを意味します。 、大したことじゃないよ、 全部脱いで、脱いで！

// 数组
var number = [1,2,3,4,5,6]
console.log(...number) //1 2 3 4 5 6
//对象
var man = {name:'chuichui',height:176}
console.log({...man}) / {name:'chuichui',height:176}

何の役に立つの？

これには幅広い用途があり、どこでも見ることができます。一般的な例をいくつか示します。

コピーするときに使用します

//数组的复制
var arr1 = ['hello']
var arr2 =[...arr1]
arr2 // ['hello']
//对象的复制
var obj1 = {name:'chuichui'}
var obj2 ={...arr}
ob12 //  {name:'chuichui'}

マージするときに使用します

//数组的合并
var arr1 = ['hello']
var arr2 =['chuichui']
var mergeArr = [...arr1,...arr2]
mergeArr  // ['hello','chuichui']
// 对象分合并
var obj1 = {name:'chuichui'}
var obj2 = {height:176}
var mergeObj = {...obj1,...obj2}
mergeObj // {name: "chuichui", height: 176}

文字を配列に変換するために使用します

var arr1 = [...'hello']
arr1 // ["h", "e", "l", "l", "o"]

関数にパラメータを渡すために使用します

通常の関数と組み合わせて柔軟に使用できます

function f(v,w,x,y,z){ }
var args = [2,3]
f(1,...args,4,...[5])

必要なときに使用します配列に要素を追加するには、関数のパラメータとして反復するときに使用します。

function f(x,y,z){}
var args = [1,2,3]
f(...args)

// 以前的方法
f.apply(null,args);

[推奨学習: JavaScript 上級チュートリアル]

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