使用范围初始化数组

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索如何在JavaScript中实现一个名为initializeArrayWithRange的函数。该函数用于初始化一个包含指定范围内数字的数组,并可选择包含步长值。我们将学习如何使用Array.from()map()函数和默认参数值来创建一个灵活且可复用的函数,用于生成具有一系列值的数组。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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") subgraph Lab Skills javascript/variables -.-> lab-28393{{"使用范围初始化数组"}} javascript/data_types -.-> lab-28393{{"使用范围初始化数组"}} javascript/arith_ops -.-> lab-28393{{"使用范围初始化数组"}} javascript/comp_ops -.-> lab-28393{{"使用范围初始化数组"}} end

使用范围初始化数组的函数

要使用一系列数字初始化数组,请使用以下函数:

const initializeArrayWithRange = (end, start = 0, step = 1) => {
  const length = Math.ceil((end - start + 1) / step);
  return Array.from({ length }, (_, i) => i * step + start);
};

此函数接受三个参数:end(必填)、start(可选,默认值为0)和step(可选,默认值为1)。它返回一个包含指定范围内数字的数组,其中startend包含在它们的公差step中。

要使用此函数,只需使用所需的范围参数调用它:

initializeArrayWithRange(5); // [0, 1, 2, 3, 4, 5]
initializeArrayWithRange(7, 3); // [3, 4, 5, 6, 7]
initializeArrayWithRange(9, 0, 2); // [0, 2, 4, 6, 8]

此函数使用Array.from()创建所需长度的数组,然后使用映射函数在给定范围内用所需值填充数组。如果你省略第二个参数start,它将使用默认值0。如果你省略最后一个参数step,它将使用默认值1

总结

恭喜你!你已经完成了“使用范围初始化数组”实验。你可以在LabEx中练习更多实验来提升你的技能。