前端数组常用方法以及解释(手动整理)

Array about:

​ 判断数组:

Array.isArray()
arr instanceof Array
数组方法:

arr.push() 向数组最后一位添加一个或多个元素,返回数组新长度 改变原数组
arr.pop() 删除数组最后一位,返回被删除的元素 改变原数组
arr.unshift() 向数组第一位添加一个或多个元素,返回数组新长度 改变原数组
arr.shift() 删除数组第一位元素,并返回被删除的元素,改变元素组
arr.reverse() 数组反转 返回新数组 改变原数组
arr.concat() 拼接数组或者元素 返回新数组 不会改变原素组
arr.sort(fn) 数组排序 里边传function return a-b是从升序
arr.slice(startIndex,[endIndex])从开始索引截取到结束索引(不包含结束索引)不会改变原素组 返回被截取元素组成的数组
arr.splice(startIndex,[length],[ele,elen…])从startIndex开始删除指定length个,[也可删除并添加多个元素] 并返回被删除的元素组成的数组 会改变原素组
arr.flat()数组展平默认1层也可以传入无限(Infinity) 返回被展平的数组 此方法会移除数组里的空项 不会改变原数组
arr.join(分隔符) 将数组转化成指定分隔符的字符串(默认 ,)并返回字符串 不会改变原数组
arr.indexOf(ele) 查找ele第一次在数组出现的位置并返回索引 如果没有找到 则返回-1
arr.lastIndexOf()查找ele最后一次在数组出现的位置并返回索引 如果没有找到 则返回-1
arr.includes(ele,[指定位置开始找 为负值则整个数组搜索])检查数组[从指定索引开始]是否包含指定元素
数组的遍历:

arr.forEach((item,index,[arr])=>{},[this]) 单纯遍历数组
arr.some((item,index,[arr])=>{},[this]) 判断数组元素是否满足条件 如果有一个满足 则停止遍历返回true
arr.every((item,index,[arr])=>{},[this]) 判断数组所有元素是否都满足条件 如果有一个不满足 则停止遍历返回false
arr.map((item,index,[arr])=>{},[this]) 对数组每一个元素进行加工 并返回加工好的数组 改变this指向的时候不要用箭头函数!!!
arr.filter((item,index,[arr])=>{},[this]) 过滤出满足条件的元素组成的数组并返回加工好的数组

arr.reduce(function(previousValue, currentValue, currentIndex, array) { /* … */ }, initialValue)
方法对数组中的每个元素按序执行一个由您提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。
第一次执行回调函数时,不存在“上一次的计算结果”。如果需要回调函数从数组索引为 0 的元素开始执行,则需要传递初始值。否则,数组索引为 0 的元素将被作为初始值 initialValue,迭代器将从第二个元素开始执行(索引为 1 而不是 0)。
一个“reducer”函数,包含四个参数:
previousValue:上一次调用 callbackFn 时的返回值。在第一次调用时,若指定了初始值 initialValue,其值则为 initialValue,否则为数组索引为 0 的元素 array[0]。
currentValue:数组中正在处理的元素。在第一次调用时,若指定了初始值 initialValue,其值则为数组索引为 0 的元素 array[0],否则为 array[1]。
currentIndex:数组中正在处理的元素的索引。若指定了初始值 initialValue,则起始索引号为 0,否则从索引 1 起始。
array:用于遍历的数组。
initialValue 可选
作为第一次调用 callback 函数时参数 previousValue 的值。若指定了初始值 initialValue,则 currentValue 则将使用数组第一个元素;否则 previousValue 将使用数组第一个元素,而 currentValue 将使用数组第二个元素。

返回值
使用“reducer”回调函数遍历整个数组后的结果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值