ES5 新增数组方法

序号对象调用的方法方法返回值
1array.forEach(function(value, index, array){})遍历
2array.map(function(value, index, array){})遍历&返回新数组
3array.filter(function(value, index, array){ return 条件 })过滤&返回新数组
4array.every(function(value, index, array){ return 条件})遍历&判断布尔值
5array.some(function(value, index, array){ return 条件 })遍历&判断布尔值
6array.reduce(function(sum, value, index, array) {}, 0)遍历&累计累计结果
7Array.from(伪数组)转换新数组
数组方法的使用

var arr = [1, 5, 7, 3, 10, 2, 4]

  1. forEach() - 单纯遍历 - 无返回值
    arr.forEach(function(value, index){
        console.log(index + “–” + value);
    })
  2. map() - 遍历 - 收集每次return结果 - 返回全新数组
    var result2Arr = arr.map(function(value, index){
        return value + 1;
    })
    console.log(result2Arr);
  3. filter() - 过滤 - 收集每次return结果 - 返回全新数组
    var result3Arr = arr.filter(function(value, index){
        return value >= 5;
    })
    console.log(result3Arr);
  4. every() - 找到不符合条件的 - 直接返回false - 不继续执行
    var arr5 = [20, 21, 1,18, 19, 23];
    var result5 = arr5.every(function(value, index){
        return value > 18;
    })
    console.log(result5);
  5. some() - 找到符合条件的 - 直接返回true - 不继续执行
    var result6 = arr5.some(function(value, index){
        return value < 18;
    })
    console.log(result6);
  6. reduce() - 累计运算 - 返回累计结果
    传值:arr.reduce(callback, initialValue)
    callback (执行数组中每个值的函数,包含四个参数)
  1. previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue))
  2. currentValue (数组中当前被处理的元素)
  3. index (当前元素在数组中的索引)
  4. array (调用 reduce 的数组)
  5. initialValue (作为第一次调用 callback 的第一个参数。)

    例子:
    var arr = [1, 2, 3, 4];
    var sum = arr.reduce(function(prev, cur, index, arr) {
        console.log(prev, cur, index);
        return prev + cur;
    },0) //注意这里设置了初始值
    console.log(arr, sum);
    Ps:如果没有提供initialValue初始值,reduce 会从索引1的地方开始执行 callback 方法,跳过第一个索引。如果提供initialValue,从索引0开始。
  1. Array.from(伪数组) - 伪数组转为真数组 - arr.from()是方法的整体,不可改
    var obj = {length:5}
    var arr = Array.from(obj, (item, index) => {
        console.log(item)
    })
    console.log(arr)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值