目錄
擴展運算符
概述
語法
應用
模板字符串
概述
應用
內(nèi)置對象擴展
概述
數(shù)組擴展方法
字符串擴展方法
set數(shù)據(jù)結構
概述
基本使用
操作方法
遍歷方法
認識symbol
概述
作用
基本使用
項目
擴展運算符
概述
擴展運算符（spread operator）是 ES6 中新增的一種運算符，用三個點（...）表示。它可以將一個類似數(shù)組或可迭代對象（例如字符串、Set、Map）的對象展開成逗號分隔的值列表。
擴展運算符可以用于函數(shù)調(diào)用、數(shù)組字面量、對象字面量等多種場景。
語法
- 數(shù)組的展開操作
// 基本語法
[...array]
// 將兩個數(shù)組合并
[...array1, ...array2]
// 將數(shù)組和其他元素合并
[...array, element1, element2, ..., elementN]
- 對象的展開操作
// 基本語法
{...object}
// 將兩個對象合并
{...object1, ...object2}
// 將對象和其他屬性合并
{...object, key1: value1, key2: value2, ..., keyN: valueN}
- 函數(shù)的傳遞參數(shù)
// 基本語法
functionname(...args)
// 將數(shù)組或類數(shù)組對象作為參數(shù)傳遞給函數(shù)
functionname(...array)
// 將對象作為參數(shù)傳遞給函數(shù)
functionname({...object})
需要注意的是，擴展運算符只能展開可迭代對象，即擁有 Symbol.iterator 屬性的數(shù)據(jù)類型。因此，不能將普通的對象或類似對象的 null 和 undefined 進行展開。
應用
擴展運算符可以應用在很多地方，下面列舉幾個較常見的應用：
- 數(shù)組合并
可以使用擴展運算符將兩個或多個數(shù)組合并成一個數(shù)組。示例代碼如下：文章來源：http://www.zghlxwxcb.cn/news/detail-733734.html
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6]
- 數(shù)組復制
可以使用擴展運算符復制一個數(shù)組。示例代碼如下：文章來源地址http://www.zghlxwxcb.cn/news/detail-733734.html
const arr1 = [1, 2, 3];
const arr2 = [...arr1];
console.log(arr2); // [1, 2, 3]
到了這里，關于第二章前端開發(fā)ES6基礎的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
