JS陣列的幾個有逼格操作

JavaScript裡的陣列提供了很好的api供開發者呼叫，免去了對很多細節的考慮。可是，這些api在日常開發中常常被忽略，這裡總結一下，也算是提醒自己要經常去使用~~

1. 去重

Array.from(new Set([1,2,3,3,4,4]) //[1,2,3,4]
[...new Set([1,2,3,3,4,4])] //[1,2,3,4]

2. 排序

[1,2,3,4 ].sort (); // [1, 2,3,4],預設是升序
[1,2,3,4].sort((a,b) => b - a); // [4,3,2,1] 降序

3. 求和

[1,2,3,4].arr.reduce(function(prev,cur) { 
return prev + cur ; 
}, 0 ) //10

4. 最大值

Math.max(...[1,2,3,4]) //4 

[1,2,3,4].reduce((prev,cur,curIndex,arr)=> { 
return Math.max(prev,cur); 
}, 0) //4

5. 合併

[1,2,3,4].concat([5,6]) //[1,2,3,4,5,6]

[...[ 1,2,3,4],...[4,5]] //[1,2,3,4,5,6]

6. 判斷是否包含值

[1,2,3].includes(4) //false

[1,2,3].indexOf(4) //-1 如果存在換回索引

[1,2,3].find((item )=> item === 3)) //3 如果陣列中無值返回undefined

[1,2,3].findIndex((item)=> item === 3)) //2 如果陣列中無值返回-1

7. 每一項是否滿足

[1,2,3].every(item =>{ return item > 2}) //false

8. 某一項是否滿足

[1,2,3].some(item =>{ return item > 2}) //true

9. 過濾陣列

[1,2,3].filter(item =>{ return item > 2 }) //[3]

10. 物件轉陣列

Object.keys({ name : '張三' , age : 14 }) //['name','age']

Object.values({ name : '張三' , age : 14 }) //['張三',14]

參考

https://mp.weixin.qq.com/s/NSa7_TRt4Ql5Xhif5XETMw