js数组用法，包括ES6新增扩展

1.初始化数组

构造函数：var arr = new Array();

字面量表示：var arr3 = ['alice','angela','jack'];

2.数组的属性：length

3.数组常用的方法

①增删改查

unshift() （在开头）添加新元素

push() （在数组尾）添加新元素

pop() 删除最后一个元素

shift() 删除首个元素

②转字符串

toString() 把数组转换为（逗号分隔）的字符串。

join(separator?: string ) 转换成以参数连接的字符串

        let arr = [1,2,3];

        arr.join("%");// 1%2%3

③数组切割

splice(index,howmany,item1,...,itemx) 

1.index:必选，指定在什么位置删除项目，使用负值从数组末尾开始的位置。

2.howmany,可选，要删除的项目数。若设置为0，则不会删除任何项目。

3.item1,...,itemx,可选，要添加到数组中的新项目

slice(start,end)

1.start,可选，从何时开始选取，使用负值从数组末尾开始的位置。

2.end,可选，从何时结束，截取的片段不包含该元素。

④数组结合

concat() 方法用于连接两个或多个数组

let arr1 = [1,2,3];

let arr2 = [4,5,6];

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

⑤循环遍历

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

map() 方法通过对每个数组元素执行函数来创建新数组

filter() 对数组的每一项都运行给定的函数，返回 结果为 ture 的项组成的数组

every() 对数组的每一项都运行给定的函数，每一项都返回 ture, 则返回 true

some() 方法用于检测数组中的元素是否满足指定条件 , 如果有一个元素满足条件，则表达式返回 true , 剩

余的元素不会再执行检测

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

⑥其他

sort () 排序

reverse() 方法用于颠倒数组中元素的顺序

ES6扩展

1.Array.of()用于将一组值，转换为数组

Array.of(1,2,3,4); //[1,2,3,4]

2.copyWithin(target, start , end)

        target（必需）：从该位置开始替换数据。如果为负值，表示倒数。

        start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示从末尾开始计算。

        end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示从末尾开始计算。

        例：[1, 2, 3, 4, 5].copyWithin(0, 3) ; //[4,5,3,4,5]

3.fill(value, start, end)定义：用于将一个固定值替换数组的元素。

1.value（必需）：填充的值

2.start（可选）：开始填充位置

3.end（可选，不包含end）：停止填充位置 (默认为 array.length)

        var arr = ["blue", "Orange", "red", "green"];

        arr.fill('hello',1,3);  //["blue", "hello", "hello", "green"]

        arr.fill('hello',2,4); //["blue", "Orange", "hello", "hello"]

        arr.fill('hello',1,4);

4.find()用于找出第一个符合条件的数组成员。它的参数是一个回调函数,，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。 find方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组

 var num = [2,4,6,8];

 var numFilter = num.find(item=>item >5);

 console.log(numFilter) //6

findIndex() 方法返回通过测试函数的第一个数组元素的索引。

5.flat()  定义：用于将嵌套的数组“拉平”，变成一维的数组。

    [1,2,[3,4,5],[6,7],8].flat(); // [1, 2, 3, 4, 5, 6, 7, 8]

    [1,2,[3,4,[5]],[6,7],8].flat(2) //[1, 2, 3, 4, 5, 6, 7, 8]

    [1,2,[3,[4,5,[6,7,[8]]]]].flat(Infinity) //[1, 2, 3, 4, 5, 6, 7, 8]

6.flatMap();拉一级

    [2,3,4].map(x=>[x+2]); // [[4], [5], [6]]

    [2,3,4].flatMap(x=>[x+2]);  // [4, 5, 6]

    [2,3,4].flatMap(x=>[x,x+2]); //[2,4,3,5,4,6]

    [2,3,4].map(x=>[x,x+2]); //[[2,4],[3,5],[4,6]]