谁能解释一下为什么在不同的 array.reduce() 函数使用中最终输出是相同的?
在第一个示例中,直接对样本数组进行归约,而在第二个示例中,将样本数组先反转,然后再归约。
var array = [{
"Id": "1",
"Week": "2019-01-13"
},
{
"Id": "2",
"Week": "2019-01-20"
},
{
"Id": "3",
"Week": "2019-01-27"
}
];
array.reduce(function (acc, curr) {
acc[curr.Id] = curr.Week;
console.log(acc);
return acc;
}, {});
//Output
/*{ "1": "2019-01-13" }
{ "1": "2019-01-13", "2": "2019-01-20" }
{ "1": "2019-01-13", "2": "2019-01-20", "3": "2019-01-27" }*/
array.reverse().reduce(function (acc, curr) {
acc[curr.Id] = curr.Week;
console.log(acc);
return acc;
}, {});
//Output
/*{ "3": "2019-01-27" }
{ "2": "2019-01-20", "3": "2019-01-27" }
{ "1": "2019-01-13", "2": "2019-01-20", "3": "2019-01-27" }
*/
我希望输出显示为 {“3”:“2019-01-27”,“2”:“2019-01-20”,“1”:“2019-01-13”}。
如果我使用非数字键,两种情况下的reduce函数输出都符合预期(以相同的元素传递顺序)。
最佳答案
正如评论中已经提到的JS 中不保证对象属性顺序,这就是你得到该输出的原因。如果你想让顺序重要,你需要使用 Map作为您的减少累加器
。
The Map object holds key-value pairs and remembers the original insertion order of the keys.
话虽如此,这里有一些示例代码可以更好地说明它:
var array = [{ "Id": "1", "Week": "2019-01-13" }, { "Id": "2", "Week": "2019-01-20" }, { "Id": "3", "Week": "2019-01-27" } ];
let r1 = array.reduce(function(acc, curr) {
acc.set(curr.Id, curr.Week);
return acc;
}, new Map());
let r2 = array.reverse().reduce(function(acc, curr) {
acc.set(curr.Id, curr.Week);
return acc;
}, new Map());
console.log('r1:')
r1.forEach(x => console.log(x))
console.log('r2:')
r2.forEach(x => console.log(x))
console.log('fromEntries:')
console.log(Object.fromEntries(r1))
console.log(Object.fromEntries(r2))
请注意,当我们循环遍历两个映射 (r1
和 r2
) 的条目时,顺序有何不同。但还要注意,当您将映射转换
为对象文字时,顺序现在是相同的,因为无法保证 JS prop 顺序。
关于javascript - 将属性添加到 array.reduce() 返回对象的顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56230379/