初始化二维数组

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索如何在JavaScript中初始化二维数组。我们将使用 Array.from()Array.prototype.map() 方法来创建一个具有给定宽度和高度的数组,并用指定的值填充它。本实验将提供使用二维数组并理解其在JavaScript中的实现的实践经验。


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/destr_assign("`Destructuring Assignment`") subgraph Lab Skills javascript/variables -.-> lab-28390{{"`初始化二维数组`"}} javascript/data_types -.-> lab-28390{{"`初始化二维数组`"}} javascript/arith_ops -.-> lab-28390{{"`初始化二维数组`"}} javascript/comp_ops -.-> lab-28390{{"`初始化二维数组`"}} javascript/higher_funcs -.-> lab-28390{{"`初始化二维数组`"}} javascript/destr_assign -.-> lab-28390{{"`初始化二维数组`"}} end

在JavaScript中初始化二维数组

要在JavaScript中初始化二维数组,你可以使用以下代码:

const initialize2DArray = (width, height, value = null) => {
  return Array.from({ length: height }).map(() =>
    Array.from({ length: width }).fill(value)
  );
};

这段代码使用 Array.from()Array.prototype.map() 创建一个包含 height 行的数组,其中每行都是一个长度为 width 的新数组。它还使用 Array.prototype.fill() 将数组中的所有元素设置为 value 参数。如果未提供 value,则默认值为 null

你可以像这样调用该函数:

initialize2DArray(2, 2, 0); // [[0, 0], [0, 0]]

这将创建一个宽度为2、高度为2且所有值都设置为0的二维数组。

总结

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

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