Array 方法大全

*** 作数组

印象中数组有很多方法，系统的整理一下，放在自己家里方便回头查~

Array.map()

1、Array.map()

此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组

let arr = [1, 2, 3, 4, 5]

    let newArr = arr.map(x =>x*2)

    //arr= [1, 2, 3, 4, 5]   原数组保持不变

    //newArr = [2, 4, 6, 8, 10] 返回新数组

2、Array.forEach()

此方法是将数组中的每个元素执行传进提供的函数，没有返回值，直接改变原数组，注意和map方法区分

let arr = [1, 2, 3, 4, 5]

   num.forEach(x =>x*2)

   // arr = [2, 4, 6, 8, 10]  数组改变,注意和map区分

3、Array.filter()

此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回

let arr = [1, 2, 3, 4, 5]

    const isBigEnough =>value =>value >= 3

    let newArr = arr.filter(isBigEnough )

    //newNum = [3, 4, 5] 满足条件的元素返回为一个新的数组

4/Array.every()

此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回true，否则为false：

let arr = [1, 2, 3, 4, 5]

    const isLessThan4 =>value =>value <4

    const isLessThan6 =>value =>value <6

    arr.every(isLessThan4 ) //false

    arr.every(isLessThan6 ) //true

5、Array.some()

此方法是将所有元素进行判断返回一个布尔值，如果存在元素都满足判断条件，则返回true，若所有元素都不满足判断条件，则返回false：

let arr= [1, 2, 3, 4, 5]

    const isLessThan4 =>value =>value <4

    const isLessThan6 =>value =>value >6

    arr.some(isLessThan4 ) //true

    arr.some(isLessThan6 ) //false

6、Array.reduce()

此方法是所有元素调用返回函数，返回值为最后结果,传入的值必须是函数类型：

let arr = [1, 2, 3, 4, 5]

   const add = (a, b) =>a + b

   let sum = arr.reduce(add)

   //sum = 15  相当于累加的效果

   与之相对应的还有一个 Array.reduceRight() 方法，区别是这个是从右向左 *** 作的

7、Array.push()

此方法是在数组的后面添加新加元素，此方法改变了数组的长度：

8、Array.pop()

此方法在数组后面删除最后一个元素，并返回数组，此方法改变了数组的长度：

let arr = [1, 2, 3, 4, 5]

    arr.pop()

    console.log(arr) //[1, 2, 3, 4]

    console.log(arr.length) //4

9、Array.shift()

此方法在数组后面删除第一个元素，并返回数组，此方法改变了数组的长度：

let arr = [1, 2, 3, 4, 5]

    arr.shift()

    console.log(arr) //[2, 3, 4, 5]

    console.log(arr.length) //4 

10、Array.unshift()

此方法是将一个或多个元素添加到数组的开头，并返回新数组的长度：

let arr = [1, 2, 3, 4, 5]

    arr.unshift(6, 7)

    console.log(arr) //[6, 7, 2, 3, 4, 5]

    console.log(arr.length) //7 

11、Array.isArray()

判断一个对象是不是数组，返回的是布尔值

12、Array.concat()

此方法是一个可以将多个数组拼接成一个数组：

let arr1 = [1, 2, 3]

      arr2 = [4, 5]

  let arr = arr1.concat(arr2)

  console.log(arr)//[1, 2, 3, 4, 5]

13、Array.toString()

此方法将数组转化为字符串：

let arr = [1, 2, 3, 4, 5]

   let str = arr.toString()

   console.log(str)// 1,2,3,4,5

14、Array.join()

  此方法也是将数组转化为字符串：

let arr = [1, 2, 3, 4, 5]

   let str1 = arr.toString()

   let str2 = arr.toString(',')

   let str3 = arr.toString('##')

   console.log(str1)// 12345

   console.log(str2)// 1,2,3,4,5

   console.log(str3)// 1##2##3##4##5

通过例子可以看出和toString的区别，可以设置元素之间的间隔~

15.Array.splice(开始位置， 删除的个数，元素)

万能方法，可以实现增删改：

let arr = [1, 2, 3, 4, 5]

     let arr1 = arr.splice(2, 0 'haha')

     let arr2 = arr.splice(2, 3)

     let arr1 = arr.splice(2, 1 'haha')

     console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素

     console.log(arr2) //[1, 2] 删除三个元素

     console.log(arr3) //[1, 2, 'haha', 4, 5] 替换一个元素

还有些方法没加进来的以后会补充

在Js Array中的方法大致分为两类：方法改变原数组 &方法生成新数组（不改变原数组）

1.push()：向原数组的最后一位添加一个元素。返回数组长度

2.unshift()：向原数组的最前添加一个元素。返回数组长度

3.pop()：截取数组中最后一个元素。返回被截取的元素

4.shift()：截取数组中第一个元素。返回被截取的元素

以上四个方法可以放在一起记忆，不要被方面名所误导。

5.splice()：splice(index, howmany, item1,...itemX) 方法有多个参数可选，常用于分割数组。返回处理后的数组

第一个参数：从第n个元素的下标开始截取；

第二个参数：从第n个元素的下标开始截取多少个元素；

第三到n个参数：将截取的元素替换为什么

6.sort()：sort(fn) 方法有一个参数可选，用于给数组排序。在不写参数的情况下会对数组中的元素进行从小到大的顺序排序。但不会识别数字（按照数字ACSLL编码表进行排序）

可选参数：参数返回一个函数，这个函数中有两个形参 .sort(function(a, b){}) 。形参中的a和b会类冒泡的访问数组中的元素；例：[1, 2, 3, 4] a b 分别会选择 1,2、 1,3 、 1,4 、 2,3 、 2,4 、 3,4。当a-b>1时，交换ab的值；当a-b<1时，不动。由此，可在此函数体中写出自定义的排序规则。返回排序后的数组

7.reverse()：倒序排列整个数组。返回数组

1.concat()：concat(arr)将两个数组拼接在一起。返回新数组

2.join()：join('str')一个可选参数，返回以一个字符串将数组中的元素拼接成字符串。与str的split('str')方法相反，split()是将字符串以一个字符串拆分成数组。

3.toString()：与join()函数不填写参数一样，返回一个一 逗号 ，拼接的字符串。

4.slice()：选取数组中的第n个元素到第n个元素。返回新数组，也可不写参数返回数组的副本。

5.indexOf()：index(item, start)方法有两个参数。返回指定元素在数组中的索引值；如果未找到指定元素，返回 -1

第一个参数：指定的元素

第二个参数：从填入的索引开始寻找

---