«

数组常用方法

yang 发布于 阅读:367 JS中阶阶段


1. 原常用方法

方法名 作用
array.push(元素1,元素n) 在数组末尾新增一个或多个数组元素,返回新数组的长度,会改变原数组
array.pop() 在数组末尾删除最后一个数组元素并返回,会改变原数组
array.unshift(元素1,元素n) 在数组开头新增一个或多个数组元素,返回新数组的长度,会改变原数组
array.shift() 在数组开头删除第一个数组元素并返回,会改变原数组
array.splice(开始索引,删除元素的长度,新增元素1,新增元素n) 在数组任意位置,新增、删除、修改数组元素,返回删除的元素数组,会改变原数组
array.join('分隔符') 通过指定分隔符连接数组元素,返回连接后的字符串,不会改变原数组
array.concat(新数组1,新数组n) 合并一个或多个数组,返回合并后的新数组,不改变原数组
array.includes(数组元素) 判断数组元素是否存在于原数组中,存在返回true,不存在返回false,不改变原数组
array.indexOf(数组元素) 判断数组元素是否存在于原数组中,存在返回首个匹配元素的索引,不存在返回-1,不改变原数组
array.lastIndexOf(数组元素)
array.slice(开始索引,结束索引) 根据指定的区间截取数组元素,返回新的数组,包前不包后,左闭右开,不改变原数组

2. 数组常用方法-进阶

1.【重点】arr.map():遍历数组,返回处理函数处理后的新数组
arr.map(function(v, i, oldArr){
    v // 每次遍历的当前数组元素
    i // 当前数组元素的索引
    oldArr // 被遍历的原数组
    return 返回处理函数处理后的数组元素v
},thisValue)

2.【重点】arr.filter():遍历数组,返回过滤函数过滤后的新数组
arr.filter(function(v, i, oldArr){
    v // 每次遍历的当前数组元素
    i // 当前数组元素的索引
    oldArr // 被遍历的原数组
    return 返回布尔值,即判断表达式(过滤条件)返回的布尔值
}, thisValue )

3.【重点】arr.find():遍历数组,返回通过测试函数的第一个元素的值
arr.find(function(v, i, oldArr){
    v // 每次遍历的当前数组元素
    i // 当前数组元素的索引
    oldArr // 被遍历的原数组
    return 返回布尔值,即判断表达式(测试条件)通过的布尔值
}, thisValue)

4.【重点】arr.findIndex():遍历数组,返回通过测试函数的第一个元素的索引
arr.findIndex(function(v, i, oldArr){
    v // 每次遍历的当前数组元素
    i // 当前数组元素的索引
    oldArr // 被遍历的原数组
    return 返回布尔值,即判断表达式(测试条件)通过的布尔值
}, thisValue)

5.【重点】arr.some():遍历数组,检查数组中某一项数组元素是否符合测试条件,只要一项符合返回true,都不符合才返回false
arr.some(function(v, i, oldArr){
    v // 每次遍历的当前数组元素
    i // 当前数组元素的索引
    oldArr // 被遍历的原数组
    return 返回布尔值,即判断表达式(测试条件)通过的布尔值
},thisValue)

6.【重点】arr.every():遍历数组,检查数组所有的数组元素是否符合测试条件,所有都符合返回true,某一项不符合就返回false
arr.every(function(v, i, oldArr){
    v // 每次遍历的当前数组元素
    i // 当前数组元素的索引
    oldArr // 被遍历的原数组
    return 返回布尔值,即判断表达式(测试条件)通过的布尔值
}, thisValue)

7.【了解】arr.reverse():颠倒翻转数组的顺序,返回顺序相反的新数组,会改变原数组
8.【理解】arr.sort(): 默认字母升序排列,会改变原数组
        注意:数值大小进行排序时,需要传入比较函数进行判断!!!
        arr.sort(function(a, b){
            两两为一组,一组中后面一个作为a,前一个作为b
            当a-b的差大于0时,a排在b后
            当a-b的差小于0时,a排在b前
        })

9.【了解】arr.flat(维数):根据指定的维数降维原数组,不会改变原数组
  将数组降到指定维数:传入维数 = 数组原来的维数 - 指定的维数
  将数组直接降到一维:传入维数Infinity

数组常用方法

版权所有:微4e
文章标题:数组常用方法
除非注明,文章均为 微4e 原创,请勿用于任何商业用途,禁止转载

推荐阅读:


扫描二维码,在手机上阅读
请先 登录 再评论