减少 JavaScript 和累加器 object 中的 function

Question

我有一个关于减少 function 的查询。

代码如下：

const marks = [60, 55, 80, 89, 90, 98, 75, 72, 50, 30, 20, 42]
const grade_count = marks.reduce(groupByGrade, {})
function groupByGrade (acc, mark) {
  
  const {a = 0, b = 0, c = 0, d = 0, f = 0} = acc;
  if (mark >= 90) {
    return {...acc, a: a + 1};
  }
  if (mark >= 80) {
    return {...acc, b: b + 1};
  }
  if (mark >= 70) {
    return {...acc, c: c + 1};
  }
  if (mark >= 60) {
    return {...acc, d: d + 1};
  }
  else {
    return {...acc, f: f + 1};
  }
}
 
console.log (marks)
console.log (grade_count)
console.log ('woo hoo')

我的查询与以下行有关，其中累加器第一次被解构：

const {a = 0, b = 0, c = 0, d = 0, f = 0} = acc;

我想了解累加器 object 上的属性为什么不会在marks数组的每次迭代中重置为零。

请问我在这里缺少什么？

Answer 1

我想了解累加器 object 上的属性为什么不会在标记数组的每次迭代中重置为零。

因为= 0部分

const {a = 0, b = 0, c = 0, d = 0, f = 0} = acc;

...仅在被解构的属性的有效值undefined时使用（“有效”= 它实际上是undefined的，或者该属性根本不存在）。

在对 reducer 的后续调用中， acc对这些属性具有undefined的值，因此不使用默认值。

---

顺便说一句，您可以在参数列表中进行解构：

function groupByGrade({a = 0, b = 0, c = 0, d = 0, f = 0}, mark) {
    // ...
}

...虽然a ， b和其他人将不再是常数。