JavaScript 中的数组归约

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在这个实验中,我们将探索如何使用 Array.prototype.reduce() 方法来计算两个或多个数字/数组的总和。我们将学习如何用 0 值初始化累加器,以及如何使用展开运算符将数组作为单个参数传递。在本实验结束时,你将对如何在 JavaScript 中使用 reduce() 方法有更深入的理解。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28633{{"JavaScript 中的数组归约"}} javascript/data_types -.-> lab-28633{{"JavaScript 中的数组归约"}} javascript/arith_ops -.-> lab-28633{{"JavaScript 中的数组归约"}} javascript/comp_ops -.-> lab-28633{{"JavaScript 中的数组归约"}} javascript/higher_funcs -.-> lab-28633{{"JavaScript 中的数组归约"}} javascript/spread_rest -.-> lab-28633{{"JavaScript 中的数组归约"}} end

以下是求数组总和的方法

要计算一个数字数组的总和,请按以下步骤操作:

  1. 打开终端/SSH 并输入 node 开始编码。
  2. 使用 Array.prototype.reduce() 方法将每个值添加到累加器中,累加器应以 0 值初始化。
  3. 以下是可用于求数组总和的代码:
const sum = (...arr) => [...arr].reduce((acc, val) => acc + val, 0);
  1. 要测试 sum 函数,请使用以下代码示例:
sum(1, 2, 3, 4); // 10
sum(...[1, 2, 3, 4]); // 10

按照这些步骤,你可以使用 JavaScript 轻松求出数字数组的总和。

总结

恭喜你!你已经完成了数组求和实验。你可以在 LabEx 中练习更多实验来提升你的技能。