js es6真香应用之数组的各种操作

js es6真香应用之数组的各种操作

数组最大值

let arr=[1,2,10,4,5,6,7,8]
console.log(Math.max(...arr))  // 10

批量处理设置某个属性的值

// 设置各个元素的高度
function setHeight(el,h){
    $(el).height(h)
}
let els=[
    ['el1',100],
    ['el2',200],
    ['el3',300],
]

els.forEach(item=>{
    setHeight(...item)
})

将一个数组push到另外一个数组内

let arr1=[1,2,10,4,5,6,7,8]
let arr2=['a','b','c']
arr2.push(...arr1)
console.log(arr2) //['a','b','c',1,2,10,4,5,6,7,8]

复制数组（a2是a1的克隆）

//  摘自阮一峰的教程
const a1 = [1, 2];
// 写法一
const a2 = [...a1];
// 写法二
const [...a2] = a1;

合并数组（浅拷贝）

const arr1 = ['a', 'b'];
const arr2 = ['c'];
const arr3 = ['d', 'e'];

// ES6 的合并数组
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]

字符串转为真正的数组

[...'hello']
或
Array.from('hello')
// [ "h", "e", "l", "l", "o" ]

一组值转为真正的数组

Array.of(3, 11, 8) // [3,11,8]

在数组中找出符合条件的值

[1, 4, -5, 10].find((n) => n < 0)
// -5

在数组中找出符合条件的值的下标

[1, 4, -5, 10].findIndex((n) => n < 0)
// 2

数组的初始化，不用在使用循环

new Array(3).fill(7)
// [7, 7, 7]

判断某个数组是否包含给定的值，返回Boolen

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