Apakah maksud berbilang titik dalam JavaScript?

Dalam JavaScript, berbilang titik "..." merujuk kepada operator spread, yang merupakan ciri yang baru ditambah dalam ES6 Ia boleh menukar ungkapan tatasusunan atau String dikembangkan pada tahap sintaksis juga dikembangkan dalam cara "nilai-kunci" apabila membina objek literal.

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Dalam JavaScript, tiga titik (...) benar-benar dipanggil operator hamparan, yang merupakan tambahan baharu dalam ES6 Ia boleh menambah ungkapan tatasusunan atau rentetan pada pembinaan panggilan/tatasusunan di tahap sintaks; anda juga boleh mengembangkan ungkapan objek dalam cara nilai kunci apabila membina objek literal

Literal secara amnya merujuk kepada [1,2,3] atau {name:'chuichui' } Dengan kaedah pembinaan ringkas ini, tiga titik tatasusunan dan objek bersarang berbilang lapisan tidak berkuasa

Secara terus terang, ini bermakna menanggalkan pakaian, sama ada pendakap ([]) atau kerinting pendakap gigi ({}), tiada apa yang perlu dirisaukan, Tanggalkan semuanya!

// 数组
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}

Apa gunanya?

Ia mempunyai pelbagai kegunaan, kita boleh melihatnya di mana-mana, berikut adalah beberapa contoh biasa

Gunakannya semasa menyalin

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

Gunakannya apabila menggabungkan

//数组的合并
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}

Gunakannya untuk menukar aksara kepada tatasusunan

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

Gunakannya untuk menghantar parameter fungsi

Boleh digabungkan dengan fungsi biasa dan digunakan secara fleksibel

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

Gunakannya apabila kita ingin mengulang elemen dalam tatasusunan menjadi parameter fungsi!

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

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

[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

Atas ialah kandungan terperinci Apakah maksud berbilang titik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!