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 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程