文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript怎么生成二维数组

2023-07-05 15:57

关注

今天小编给大家分享一下JavaScript怎么生成二维数组的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

JavaScript生成二维数组

方法一 

new Array(x).fill(new Array(y).fill(0))

但注意,当一个对象被传递给fill方法时,填充数组的是这个对象的引用。

即二维数组的第一个维度中的每一个数组都指向同一个引用,如果向第一个维度中的任一元素执行push,则每一个二维中都会多一个元素。

方法二

new Array(x).fill().map(() => new Array(y).fill(0))

方法三

Array.from(new Array(x), () => new Array(y).fill(0))

测试代码:

    const arr1 = new Array(2).fill(new Array(3).fill(0))    // arr1: [ [ 0, 0, 0 ], [ 0, 0, 0 ] ]    arr1[0].push(9)    // arr1: [ [ 0, 0, 0, 9 ], [ 0, 0, 0, 9 ] ]     const arr2 = new Array(2).fill().map(() => new Array(3).fill(0))    // arr2: [ [ 0, 0, 0 ], [ 0, 0, 0 ] ]    arr2[0].push(9)    // arr2: [ [ 0, 0, 0, 9 ], [ 0, 0, 0 ] ]     const arr3 = Array.from(new Array(2), () => new Array(3).fill(0))    // arr3: [ [ 0, 0, 0 ], [ 0, 0, 0 ] ]    arr3[0].push(9)    // arr3: [ [ 0, 0, 0, 9 ], [ 0, 0, 0 ] ]

JS中创建二维数组的坑

JS中二维数组的创建

首先JavaScript只支持 一维数组 ,但我们可以通过一些方法实现矩阵以及多维数组

其中普通的创建方法并不会出现什么问题:

(1) 利用一维数组嵌套一维数组的方式创建二维数组:

let arr = [] ;a[0] = [1,2,3,4,5,6];a[1] = [10,20,30,40,50,60]

然后使用一个 双层for循环 就可以迭代这个二维数组中的元素

所以用这种方法创建多维数组,不管有几个维度,都可以通过嵌套循环来遍历

遇到问题的方法:

  let arr1= new Array(10).fill(new Array(10).fill(0))

控制台打印arr1

JavaScript怎么生成二维数组

这时候,若你想设置,arr[0][0] = 1,你会发现二维数组所有子数组的第一项都被改为1

JavaScript怎么生成二维数组

原因

JavaScript怎么生成二维数组

综上,还是选择老实一点的创建方法:

var a = new Array();for(var i=0;i<5;i++){        //一维长度为5    a[i] = new Array();    for(var j=0;j<5;j++){    //二维长度为5    a[i][j] = 0;   }}

以上就是“JavaScript怎么生成二维数组”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯