用 reduce 实现 map 的功能

原创已于 2024-01-14 12:15:07 修改 · 600 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #typescript #开发语言

于 2024-01-14 12:14:35 首次发布

文章详细介绍了JavaScript中Array.prototype.map方法和reduce方法的使用，通过实例展示了如何使用回调函数对数组进行映射和数据结构的归并。map用于创建新数组，reduce则用于累加或合并数组元素。

Array.prototype.map = function (callback) {
  const array = this;
  return array.reduce((acc, cur, index) => {
    acc.push(callback(cur, index, array));
    return acc;
  }, []);
};

测试：

var m = [1, 2, 3, 4, 5].map(function (v, i, arr) {
  return v + v;
});
console.log(m);

reduce案例

var array = [
{
    selector: "sss",
    rules: "rrrr",
},
{
    selector: "sss2",
    rules: "rrr3",
},
];

function transform(array, key, value) {
return array.reduce((obj, item) => {
obj[item[key]] = (obj[item[key]] || []).concat(item[value]);
return obj;
}, {});
}

var tree = transform(array, "selector", "rules");

console.log(tree);