JavaScript中数组常用方法总结

    xiaoxiao2025-03-24  54

    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)
    最新回复(0)