javascript数组方法大全

一览表

一，增加，删除（4个）

1.数组最后增加—arr.push()

 var arr=[1,2,3,4,5]
 var arr1= arr.push(6)
 console.log(arr)//[1,2,3,4,5,6]
 console.log(arr1)//返回的是增加后数组的长度--6

2.数组最后删除—arr.pop()

 var arr=[1,2,3,4,5]
 var arr2=arr.pop()
 console.log(arr)//[1,2,3,4]
 console.log(arr1)//返回的是所删除元素的值--5

3.数组最前增加—arr.unshift()

 var arr=[1,2,3,4,5]
 var arr3=arr.unshift(0)
 console.log(arr) //[0,1,2,3,4,5]
 console.log(arr3) //返回增加后数组长度--6

4.数组最前删除—arr.shift()

 var arr=[1,2,3,4,5]
 var arr4=arr.shift()
 console.log(arr)//[2,3,4,5]
 console.log(arr4)//返回所删除的值--1

二，操作数组

5.连接数组—arr.concat()

var arr=[1,2,3,4,5]
var testArr=['马云','马化腾','李嘉诚']
var newArr=arr.concat(testArr)
console.log(newArr)//[1,2,3,4,5,'马云','马化腾','李嘉诚']
var newArr=testArr.concat(arr)
console.log(newArr)//['马云','马化腾','李嘉诚',1,2,3,4,5]
//需要注意的是concat不仅能连接数组与数组，还能连接数组与字符串
var testArr='马斯克'
var newArr=arr.concat(testArr)
console.log(newArr)//[1,2,3,4,5,'马斯克']

6.使用分隔符将数组转换成字符串并返回—arr.join(‘-’)

var arr=[1,2,3,4,5]
var newArr=arr.join('-')
console.log(newArr)//1-2-3-4-5

7.翻转数组—arr.reverse()

var arr=[1,2,3,,4,5]
var newArr=arr.reverse()
console.log(newArr)//[5,4,3,2,1]

8.数组排序—arr.sort()

var testArr=[5,2,6,9,1]

    var newArr=testArr.sort(function(a,b){
        return a-b //升序排列a<b
    })
console.log(newArr)//[1,2,5,6,9]

三，遍历数组

9.数组遍历—arr.forEach()

var arr = ["Tom","Jack","Lucy","Lily","May"]
var arr5=arr.forEach(function(value,index,self){
     console.log(value,index,self) //value--遍历的每一个值；index--索引值；self--数组本身["Tom","Jack","Lucy","Lily","May"]
})

console.log(arr5) //undefined 没有返回值

10.数组映射—arr.map()

var arr=[1,2,3,4,5]
var arr6=arr.map(function(value,index,self){
    return value*2 //回调函数返回数据组成新数组由map返回
})
console.log(arr6)//[2,4,6,8,10]

11.数组过滤—filter()

var arr=[1,2,3,4,5]
var  arr7=arr.filter(function(value,index,self){
     return value%2===0
})
console.log(arr7)//[2,4]

12.判断数组元素是否都满足条件返回布尔值—arr.every()

var arr10=arr.every(function(value,index,self){
        
    console.log(value) //首先会走这一行代码打印1
     return value>=2 //当走到这行代码的时候发现1并不满足1>=2,
                        // 所以就return false代码不在继续走下去
     console.log(value) //如果在这里输出这打印不出来
  })
console.log(arr10) //fase

13.判断哪数组元素是否有一项满足返回布尔值—arr.some()

var arr11=arr.some(function(value,index,self){
        
    console.log(value)//1,2,3

    return value>=3 //当value为3时满足条件返回出去,代码不会继续走下去所以无法打印4,5

    })
console.log(arr11) //true

14.数组迭代累加—arr.reduce()

//一,累加求和
var arr12=arr.reduce(function(pre,current){

    console.log(pre,current)

    return pre+current //返回的值作为下一轮pre的值，current为每一轮数组的值

    },100) //100为指定的初始值也就是pre,若不指定初始值，则数组的第一个值为pre,第二个值为当前的current

console.log(arr12) //115

//二,数组去重
var arr=[1,2,3,4,3,4,5]
var newArr=arr.reduce(function(pre,current){
   if(!pre.includes(current)){
       return pre.concat(current)
   }else{
      return pre
   }

},[])//pre的初始值为[]
console.log(newArr)//[1,2,5]

15.数组截取(按照索引值)–arr.slice(‘开始索引值’，‘结束索引值’)

arr.slice(2,4)等于数学区间arr.slice[2,4)--取不到4
var arr = ["Tom","Jack","Lucy","Lily","May"]
var arr6=arr.slice(2,4)
console.log(arr6)//['Lucy','Lily']

16.数组删除片段（按长度）–arr.splice(‘起始索引值’，‘删除的长度’)

var arr = ["Tom","Jack","Lucy","Lily","May"]
var arr7=arr.splice(0,2)
console.log(arr)//['Lucy','Lily','May']--返回删除后的新数组
console.log(arr7)//['Tom','Jack']--返回所删除的元素

17.查询并返回数据第一次出现的索引值—arr.indexof()

var arr=[1,2,3,3,4,5]
var index1=arr.indexOf(3，start)//第二个参数为开始查询的位置
var index2=arr.indexOf('3')
console.log(index1)//2
console.log(index2)//-1--当查找不到该元素时返回-1

18.查询并返回数据最后一次出现的索引值—arr.lastIndexOf()

var arr=[1,2,3,3,4,5]
var lastindex=arr.lastIndexOf(3)
console.log(lastIndex)//3

19.数组转换为字符串—arr.toString()

var arr=['马云','马化腾','李嘉诚']
var newArr=arr.toString()
console.log(newArr)//马云，马化腾，李嘉诚