【js】数组Array的方法4

1.flat() 方法创建一个新的数组，并根据指定深度递归地将所有子数组元素拼接到新的数组中。

 参数：提取数组的深度，默认值为1，无限扁平化Infinity

const arr = [2, 23, 7, ['a','b','f',['34','oo',[66]]]]
const newArr =arr.flat()
const newArr1 =arr.flat(2)
const newArr2 =arr.flat(Infinity)
console.log(newArr);// [ 2, 23, 7, 'a', 'b', 'f', [ '34', 'oo', [ 66 ] ] ]
console.log(newArr1);// [ 2, 23, 7, 'a', 'b', 'f',  '34', 'oo', [ 66 ] ]
console.log(newArr2);// [ 2, 23, 7, 'a', 'b', 'f',  '34', 'oo',  66  ]
console.log(arr);// [2, 23, 7, ['a','b','f',['34','oo',[66]]]]

2.flatMap() 方法对数组中的每个元素应用给定的回调函数，然后将结果展开一级，返回一个新数组。它等价于在调用 map() 方法后再调用深度为 1 的 flat() 方法（arr.map().flat()），但比分别调用这两个方法稍微更高效一些。

const arr = [2, 23, 7, 20, 90, 88]
console.time()
const arr1 = arr.flatMap(item => {
    return [item * 2]
})
console.timeEnd() //default: 0.092ms
console.log(arr1); //[ 4, 46, 14, 40, 180, 176 ]

const arr = [2, 23, 7, 20, 90, 88]
console.time()
const arr1 = arr.map(item => {
    return [item * 2]
}).flat()
console.timeEnd() //default: 0.136ms
console.log(arr1);// [ 4, 46, 14, 40, 180, 176 ]

3.forEach() 方法对数组的每个元素执行一次给定的函数。

const arr = [2, 23, 7, 20, 90, 88]
arr.arr.forEach(item => console.log(item))

4.Array.from() 静态方法从可迭代或类数组对象创建一个新的浅拷贝的数组实例。

参数：

想要转换成数组的类数组或可迭代对象；

调用数组每个元素的函数。如果提供，每个将要添加到数组中的值首先会传递给该函数，然后将返回值增加到数组中

const arr = Array.from('身体健康')
console.log(arr); // [ '身', '体', '健', '康' ]

const arr1 = Array.from('身体健康', item => {
    switch (item) {
        case '身':
            return item = '开'

        case '体':
            return item = '心'

        case '健':
            return item = '快'

        case '康':
            return item = '乐'
    }
})
console.log(arr1); // [ '开', '心', '快', '乐' ]