es6 reduce的好用功能

最新推荐文章于 2024-06-27 08:30:00 发布

shandygaff

最新推荐文章于 2024-06-27 08:30:00 发布

阅读量169

点赞数

分类专栏： js es6 文章标签： reduce

本文链接：https://blog.csdn.net/u012965830/article/details/100142031

版权

js 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

es6

2 篇文章 0 订阅

订阅专栏

Array sum

[1, 2, 3, 4].reduce(function(a, b){
    return a  +b;    
})
// 10

merge two array as key value pair

var columns = ["Date", "Number", "Size", "Location", "Age"];
var rows = ["2001", "5", "Big", "Sydney", "25"];
var result = rows.reduce(function(result, field, index) {
    result[columns[index]] = field;
    return result; }, {})

console.log(result);    


{
  Date: "2001",
  Number: "5",
  Size: "Big",
  Location: "Sydney",
  Age: "25"
}

flatten Array of Objects

var array = [{
     key: 'one',
     value: 1 
},{
     key: 'two',
     value: 2 
},{
     key: 'three',
     value: 3 
}];

array.reduce(function(obj, current) { 
    obj[current.key] = current.value;
    return obj;
}, {});

array.reduce((obj, current) => Object.assign(obj, {
  [current.key]: current.value
}), {});

array.reduce((obj, current) => ({...obj, [current.key]: current.value}), {});



All of The above examples for flatten Array result in:
{
    one: 1,
    two: 2,
    three: 3 
}

Find Min or Max Value

var arr = [4, 2, 1, -10, 9]

arr.reduce(function(a, b) { 
    return a < b ? a : b
}, Infinity);

// → -10

Find Unique Values

var arr = [1, 2, 1, 5, 9, 5];

arr.reduce((prev, number) => { 
    if(prev.indexOf(number) === -1) {
        prev.push(number);
    }
    return prev; 
}, []);


// → [1, 2, 5, 9]