快捷導(dǎo)航

JavaScript數(shù)組之展開運算符詳解

更新時間：2023年12月18日 11:34:28 作者：遠近高低各不同

這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組之展開運算符的相關(guān)資料,你可以通過展開操作符(Spread operator)擴展一個數(shù)組對象和字符串,文中通過代碼介紹的非常詳細,需要的朋友可以參考下

最大值

    const arr = [1,2,3,4,5]
    //...arr 等價于 1,2,3,4,5
    console.log(Math.max(...arr)) // 5

最小值

    const arr = [1,2,3,4,5]
    //...arr 等價于 1,2,3,4,5
    console.log(Math.min(...arr)) // 1

合并

    const arr1 = [1,2,3]
    const arr2 = [4,5,6]
    const arr = [...arr1,...arr2]
    console.log(arr) //[1, 2, 3, 4, 5, 6]

附：js 數(shù)組展開對象去重

在JavaScript中，可以使用數(shù)組展開運算符（Spread Operator）和Set數(shù)據(jù)結(jié)構(gòu)來實現(xiàn)數(shù)組展開對象去重。下面是實現(xiàn)的步驟：

定義一個包含重復(fù)對象的數(shù)組。
使用數(shù)組展開運算符將數(shù)組展開為一個新的數(shù)組。
使用Set數(shù)據(jù)結(jié)構(gòu)去除數(shù)組中的重復(fù)項。
將Set轉(zhuǎn)換回數(shù)組。

以下是代碼示例：

let arr = [
  {id: 1, name: '張三'},
  {id: 2, name: '李四'},
  {id: 1, name: '張三'},
  {id: 3, name: '王五'}
];

let uniqueArr = [...new Set([...arr])];

console.log(uniqueArr);
// 輸出: [{id: 1, name: '張三'}, {id: 2, name: '李四'}, {id: 3, name: '王五'}]

在上面的代碼中，我們使用了數(shù)組展開運算符將原始數(shù)組展開為一個新的數(shù)組。然后，我們使用Set數(shù)據(jù)結(jié)構(gòu)去除了數(shù)組中的重復(fù)項。最后，我們將Set轉(zhuǎn)換回數(shù)組，并將結(jié)果賦值給uniqueArr變量。最終，uniqueArr將包含去重后的對象數(shù)組。