关于js数组的常用方法的总结

1.concat()
合并数组，可以合并一个或多个数组，会返回合并数组之后的数据，不会改变原来的数组

 var str1= [12,2,"hello"]; var str2 = ["world"];
    var str3 = str1.concat(str2)
    console.log(str1)
    console.log(str2)
    console.log(str3)

2.join()
将数组转换为字符串并返回转化的字符串数据，不会改变原来的数组；

  var str1 = [12,3,4,5,"dscscc",124]
    console.log(str1.join('-'))

3.pop()
删除数组的最后一位，并返回删除的数据，会改变原来的数组

  var str1 = [12,2,"ewsdsd"]
    console.log(str1.pop())
    console.log(str1)

4.shift()
删除数组的第一位数据，并返回新数组的长度，会改变原来的数组

  var str1 = [12,33,3,2,5,65,"as"]
    console.log(str1.shift())
    console.log(str1)

5.unshift()
在数组的首位新增一个或多个数据，并返回新数组的长度，会改变原来的数组

 var str1 = ["1a",23,345,567,123,12,768]
    console.log(str1.unshift(2989))
    console.log(str1)

6.push()
在数组的最后一位新增一个或多个数据，并返回新数组的长度，会改变原来的数组
注意：push()方法返回的数据是新数组的长度，它增加的数据可以是一个也可以是多个

 var str1 = [12,2,"swef"]
    var str2 = [43,2,"test"]
    console.log(str1.push(str2))
    console.log(str1)

7.reverse()
将数组的数据进行反转，并且返回反转后的数组,会改变原数组

 var str1 = [12,"dds",123,567,68,56]
    console.log(str1.reverse())

8.sort()
对数组内的数据进行排序(默认升序)，并且返回排序过的新数组，会改变原来的数组

   var arr=[2,12,4,4,3,67,7]
    //普通写法
    function fn(a,b){
      return a-b
    }
    console.log(arr.sort(fn))
   // 箭头函数写法
    console.log(arr.sort((a,b) => a-b))

9.slice()
截取指定位置的数组，并且返回截取的数组，不会改变原数组
参数：slice(start,end),参数均可为负，含头不含尾

  var arr = ["T1","ds","ws","cc"]
    console.log(arr.slice(1,3

))

10.splice
向数组中添加，或从数组中删除，或替换数组中的元素，然后返回被删除/替换的元素
语法：splice(start,num,data1,data2...);所有参数全部可选
该方法会改变原数组

  var arr = ["dsc","dcsd","sdd","sazx","asa"]
    console.log(arr.splice(2,1,6,7,'a','b'));
    console.log(arr)

11.toString()
将数组转化为字符串,不会改变原数组

 var arr = [1,2,4,6,7]
    console.log(arr.toString())

12.valueOf()
返回数组的原始值，即数组自身

var str = [1,2,3,4]
console.log(str.valueOf())
console.log(str.valueOf() === str)

13.IndexOf()
根据指定的数据，从左向右，查询在数组中出现的位置，
如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引
参数:indexOf(value,start);
value为要查询的数据,start为可选值，表示开始查询的位置
当start为负数时，从数组的尾部向前数，如果查询不到value，则返回-1

 var str = ["d","e","a","w","g","q"]
    console.log(str.indexOf("a"))

14.lastIndexOf()

15.forEach();
用来遍历数组，不会修改原数组
语法：arr.forEach(value,index,self)
value:遍历到的数组的数据  index:对应的索引  self:数组自身

 var arr = ["tom","dss","df","aw","as"];
    var a = arr.forEach(function(value,index,self){
      console.log(value + "--" + index + "--" + (arr ===self))
    })
    console.log(a)

16.map()
同forEach功能相同，将所有的执行结果组成新的数组返回,map方法需要return才有返回值
语法arr.map(function(value,index,self){})
callback默认有三个参数，分别为
eg:

  var arr = ["Tom","Jack","dcds","sds","wds"];
    var a = arr.map(function(value,index,self){
      console.log(value+"---"+index+"---"+self)
      return(value+"---"+index+"---"+self)
    })
    console.log(a)

17.filter()
语法：array.filter(function(currentValue,index,arr), thisValue)
参数含义同上
eg:
1.利用filter遍历出所有的偶数

 let arr = [55,65,23,56,53,1,32,343]
    let newArr = arr.filter((value,index,arr) => value % 2 === 0)
    console.log(newArr)

2.利用filter进行数组去重：

 function unique(arr) {
      return arr.filter((value,index,arr) => arr.indexOf(value,0) === index)
    }
    var arr = [1,1,"ds","ds",3,5,5,5,5,5]
    console.log(unique(arr))

3.筛选数组对象

let arr = [
  {a:'苹果',b:'桃子',c:'吃'},
    {a:'香蕉',b:'面包',c:'不吃'},
    {a:'香蕉',b:'苹果',c:'吃'},
    {a:'苹果',b:'菠萝',c:'不吃'},
]
console.log(arr.filter(item => item.a ==='苹果'))

4.去掉数组中不符合项

 var arr = [1,2,3,4,5,34,546,565]
    var newArr = arr.filter(item => item>40)
    console.log(newArr)

18.every()
判断数组中每一项是否都满足指定条件(该条件为一个函数)
every()方法会遍历数组中的每一项，如果有一项不满足条件，则表达式返回false
剩余的项将不会再执行检测，如果遍历完数组后，每一项都符合条件，则返回true
语法：array.every(function(currentValue,index,arr),thisValue)
第一个参数为一个回调函数，必传，数组中的每一项都会遍历执行该函数。
currentValue：必传，当前项的值
index：选传，当前项的索引值
arr：选传，当前项所属的数组对象
第二个参数thisValue为可选参数，回调函数中的this会指向该参数对象。
注意：
every()不会对空数组进行检测
every()不会改变原始数组
eg:

var arr = [100,200,300,400]
var flag = arr.every((a,b,c) => a>10)
console.log(flag)

19.some()
与every语法相似，不同的是，有一项为true，则返回true

 var arr = [100,200,300,400]
    var flag = arr.some((a,b,c) => a>10)
    console.log(flag)

区别：
some一直在找符合条件的值，一旦找到，则不会继续迭代下去。
every从迭代开始，一旦有一个不符合条件，则不会继续迭代下去。

20.reduce()
语法:
arr.reduce(function(prev,cur,index,arr){
...
}, init);
arr 表示原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值。
常用的参数是perv和cur
eg1:求数组项之和

 var arr = [3,4,6,2,56,6]
    var sum = arr.reduce((prev,curr)=>prev+curr,0)
    console.log(sum)

eg2:求数组项最大值

  var arr = [3,4,6,2,56,6]
    var max = arr.reduce(function(prev,curr){
      return Math.max(prev,curr)
    },[] )
    console.log(max)

// eg3:数组去重

var arr=[1,1,1,2,3,3,4,4,4,4,]
var newArr = arr.reduce(function(prev,curr){
  // prev代表初始值，初始值传入了一个数组
  // 当数组中不存在当前正在遍历的值时，将这个值添加到数组中，并且返回这个值
  prev.indexOf(curr) === -1 && prev.push(curr)
  return prev
},[])
console.log(newArr)