Js进阶8-案例:手写常见原生方法

一、map 方法

手写 map 方法

function map(arr, callback) {
  if (!Array.isArray(arr) || !arr.length || typeof callback !== 'function') { // arr不是数组,长度非0,callback是 function
    return [];
  } else {
    let result = [];
    for (let index = 0; index < arr.length; index ++) {
      const item = arr[i], self = arr;
      result.push(callback(item, index, self));
    }
    return result;
  }
}

使用 map 方法:

const arr = [10, 20, 30];
const res = map(arr, (item) => item * 2);
console.log(res); // [20, 40, 60]

二、reduce 方法

手写 reduce 方法

function reduce(arr, callback, initialValue) {
  if (!Array.isArray(arr) || !arr.length || typeof callback !== 'function') {
    return [];
  } else {
    // 判断是否有初始值
    let hasInitialValue = initialValue !== undefined;
    let pre= hasInitialValue ? initialValue : arr[0];
    for (let index = hasInitialValue ? 0 : 1; index < arr.length; index++) {
      const item = arr[index], self = arr;
      pre = callback(pre, item, index, self);
    }
    const res = pre;
    return res;
  }
}

使用 reduce 方法:

const arr = [1, 2, 3, 4, 5];
const res = reduce(arr, (pre, item) => pre + item, 10);
console.log(res); // 25

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晴雪月乔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值