ES5-ES6数组方法

这篇博客对比了ES5和ES6中数组的方法,包括`splice`、`reverse`、`sort`、`push`、`pop`、`shift`、`unshift`和`fill`的用法。在ES5中,`splice`用于添加/删除数组元素,而`reduce`用于对数组元素进行累积计算。在ES6中,新增的`fill`方法用于填充数组的指定范围。这些方法在不同场景下有着各自的用途,对于理解和操作JavaScript数组至关重要。
摘要由CSDN通过智能技术生成
ES5
  • 1.indexOf

用途:用于查找数组中是否存在某个值,如果存在则返回某个值的下标,否则返回-1

let list = [1, 2, 3];

console.log(list.indexOf(2)) // 1
console.log(list.indexOf("whl")) // -1

  • 2.map

用途:map是一个数组函数方法,接收三个参数,value,index,arr,返回值是处理完的结果。

let list = [1, 2, 3]

const res = list.map((value, index, self) => {
    console.log(value); // 1 2 3
    console.log(index); // 0 1 2
    console.log(arr); // [1,2,3]
    return value * 2
})

console.log(list, res); // list: [1,2,3] res:[2,4,6]
  • 3.forEach

用途: 用于遍历一个数组,接受三个参数value key arr,返回值为undefined

let list = [1, 2, 3]
const res = list.forEach((value, index, arr => {
    console.log(value); // 1 2 3
    console.log(index); // 0 1 2
    console.log(arr); // [1,2,3]
    return value * 3
})

console.log(list, res); // list: [1,2,3] res: undefined
  • 4.splice

用途: 用于数组删除或替换内容,接受三个参数

  • 第一个参数是,必需。规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
  • 第二个参数是,必需。要删除的项目数量。如果设置为 0,则不会删除项目。
  • 第三个参数是, 可选。向数组添
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值