javascript 中三個點運(yùn)算符的用法解構(gòu):用于從數(shù)組或?qū)ο笾薪鈽?gòu)元素,并將其分配給新的變量。展開:用于展開數(shù)組或?qū)ο螅瑢⑺鼈儾ド⒌搅硪粋€表達(dá)式或結(jié)構(gòu)中。
JavaScript 中三個點運(yùn)算符的用法
JavaScript 中的三個點運(yùn)算符(…)是一種解構(gòu)和展開運(yùn)算符,它具有兩種主要用法:
1. 解構(gòu)
三個點運(yùn)算符可用于從數(shù)組或?qū)ο笾薪鈽?gòu)元素,并將其分配給新的變量。
數(shù)組解構(gòu)
// 給出數(shù)組 const arr = [1, 2, 3, 4, 5]; // 解構(gòu)前兩個元素 const [first, second] = arr; console.log(first); // 輸出: 1 console.log(second); // 輸出: 2
登錄后復(fù)制
對象解構(gòu)
// 給出對象 const obj = { name: 'John', age: 30 }; // 解構(gòu) name 屬性 const { name } = obj; console.log(name); // 輸出: John
登錄后復(fù)制
2. 展開
三個點運(yùn)算符還可以用于展開數(shù)組或?qū)ο螅瑢⑺鼈儾ド⒌搅硪粋€表達(dá)式或結(jié)構(gòu)中。
數(shù)組展開
// 給出兩個數(shù)組 const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; // 展開 arr1 到 arr2 const newArr = [...arr1, ...arr2]; console.log(newArr); // 輸出: [1, 2, 3, 4, 5, 6]
登錄后復(fù)制
對象展開
// 給出兩個對象 const obj1 = { name: 'John' }; const obj2 = { age: 30 }; // 展開 obj1 到 obj2 const newObj = { ...obj1, ...obj2 }; console.log(newObj); // 輸出: { name: 'John', age: 30 }
登錄后復(fù)制
此外,三個點運(yùn)算符還可以用于以下用途:
創(chuàng)建可變參數(shù)函數(shù)
淺拷貝數(shù)組或?qū)ο?br />
傳遞可變數(shù)量的參數(shù)
避免使用 arguments 對象