JavaScript中数组常用方法总结

JavaScript中数组常用方法总结

一、数组的增删方法

push、pop、shift、unshift

• push在末尾添加，改变了原数组
• pop在末尾删除，改变了原数组
• unshift在头部添加，改变了原数组
• shift在末尾删除，改变了原数组

二、数组转字符串

join、toString

var arr = [1,2,3]
var arr1 = arr.join()//'123'
console.log(arr.toString())//'123'

三、数组排序

sort

作用：对数组的元素进行排序
参数：可选(函数) 规定排序规则 默认排序顺序为按字母升序
返回值：排好序的原数组，改变了原数组

var arr=[5,6,4,3,2]
arr.sort(function (a,b){
     return b-a
 })//[2,3,4,5,6]

reverse

作用：倒序数组
返回值：倒序后的原数组，改变了原数组

var arr=[5,6,4,3,2]
arr.reverse()//[2,3,4,6,5]

四、 查找下标

indexOf

作用：查找指定元素的位置
参数：array.indexOf(item,start) item:查找的元素 start:字符串中开始检索的位置
返回值：返回第一次查到的索引，未找到返回-1，不改变原数组

var arr=[5,6,4,3,2]
console.log(arr.indexOf(6));//1
var arr5=[5,6,4,3,2]
console.log(arr5.indexOf(1));//-1
var arr6=[5,6,4,3,2,5]
console.log(arr6.indexOf(5,4))//5

lastIndexOf

作用：查找指定元素最后出现的位置
参数：array.indexOf(item,start) item:查找的元素 start:字符串中开始检索的位置
返回值：返回查到的元素的索引，未找到返回-1
是否改变原数组：不改变

五、遍历数组

forEach

作用：循环遍历数组每一项
参数：函数 ary.forEach(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
返回值：无
是否改变原数组： 不改变

六、过滤数组

filter

作用：创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
参数：函数 ary.filter(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
返回值：新数组
是否改变原数组：不改变

var arr5=[5,6,4,3,2]
var arr55=arr5.filter(function(v){
            return  v>=5
        })//[5,6]

every

作用：检测数组所有元素是否都符合指定条件
参数：函数 ary.every(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
返回值：布尔值
是否改变原数组： 不改变

var arr5=[5,6,4,3,2]
var arr55=arr5.every(function(v){
            return  v>=5
        })//false
var arr55=arr5.every(function(v){
            return  v>0
        })//true        

• 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
• 如果所有元素都满足条件，则返回 true。

some

作用：检测数组中的元素是否满足指定条件
参数：函数 ary.some(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
返回值：布尔值
是否改变原数组：不改变

var arr5=[5,6,4,3,2]
var arr55=arr5.every(function(v){
            return  v>=5
        })//true
var arr55=arr5.every(function(v){
            return  v<0
        })//false

• 如果有一个元素满足条件，则表达式返回 true , 剩余的元素不会再执行检测。
• 如果没有满足条件的元素，则返回 false。

七、数组累加器

reduce

作用：数组中的每一个元素依次执行回调函数；
参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组
返回值：回调函数最后一次被调用的返回值

var arr = [1,2,3]
var num=arr.reduce((pre,cur)=>pre+cur)
console.log(num)//6(1+2+3)