初始化映射数组

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索如何使用 JavaScript 中的映射函数用指定值初始化并填充数组。我们将使用 Array() 构造函数创建所需长度的数组,并使用 Array.prototype.fill() 方法用空值填充它。此外,我们将使用 Array.prototype.map() 方法,通过提供的函数用所需值填充数组。


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/template_lit("`Template Literals`") subgraph Lab Skills javascript/variables -.-> lab-28396{{"`初始化映射数组`"}} javascript/data_types -.-> lab-28396{{"`初始化映射数组`"}} javascript/arith_ops -.-> lab-28396{{"`初始化映射数组`"}} javascript/comp_ops -.-> lab-28396{{"`初始化映射数组`"}} javascript/higher_funcs -.-> lab-28396{{"`初始化映射数组`"}} javascript/template_lit -.-> lab-28396{{"`初始化映射数组`"}} end

在 JavaScript 中初始化映射数组

要在 JavaScript 中初始化映射数组,请执行以下步骤:

  1. 打开终端/SSH 并输入 node 以开始练习编码。
  2. 使用 Array() 构造函数创建所需长度的数组。
  3. 使用 Array.prototype.fill()null 值填充数组。
  4. 使用 Array.prototype.map(),通过提供的函数 mapFn 用所需值填充数组。
  5. 省略第二个参数 mapFn,将每个元素映射到其索引。

以下是一个示例代码片段:

const initializeMappedArray = (n, mapFn = (_, i) => i) =>
  Array(n).fill(null).map(mapFn);

你可以使用 initializeMappedArray 函数创建具有所需值的映射数组:

initializeMappedArray(5); // [0, 1, 2, 3, 4]
initializeMappedArray(5, (i) => `item ${i + 1}`);
// ['item 1', 'item 2', 'item 3', 'item 4', 'item 5']

总结

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

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