首页 > 其他分享 >js创建二维数组

js创建二维数组

时间:2022-09-01 00:33:09浏览次数:87  
标签:arr js 二维 数组 new Array fill

js 创建二维数组的方法:

方法一:

直接设置

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

方法二:

 fill + 一个 for 循环

let arr= new Array(10).fill(0)
for(let i=0;i<arr.length;i++){
    arr6[i]=new Array(5).fill(1)
}

两个 for 循环

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

方法三:

fill + map

const arr1 = Array(3).fill(0).map(x => Array(3).fill(0))

 

注意:

使用非for循环直接使用fill 创建二维数组,必须先给一维数组赋初始值,且为基本类型,再赋二维数组,否则会导致创建的二维数组不同行之间的同一列指向同一片数据,一改全改。

原因在 fill 官方文档里找到一句话:当一个对象被传递给 fill 方法的时候,填充数组的是这个对象的引用。

如:

new Array(10).fill(new Array(10).fill(0))

执行:

arr[0][0]=1

 

 

参考链接:https://www.jb51.net/article/229469.htm

https://www.cnblogs.com/ZhYQ-Note/articles/15878939.html

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/fill

标签:arr,js,二维,数组,new,Array,fill
From: https://www.cnblogs.com/beileixinqing/p/16645080.html

相关文章

  • 高级开发人员知识:JavaScript 数组方法第 3 部分
    高级开发人员知识:JavaScript数组方法第3部分今天让我们来点高级的。这些数组方法总是遍历数组。基本上,您可以通过基本的for循环获得相同的功能。如果是这样,我们为什......
  • 在 Nodejs 中从终端获取用户输入的 4 种方法。
    在Nodejs中从终端获取用户输入的4种方法。当我们开始学习任何编程语言时,我们希望从终端获取用户输入。大多数人从c、c++、java等语言开始他们的编程之旅。在这些语......
  • JSON.parse()、JSON.stringify()、JSON.parse(JSON.stringify())
    本文已参与[新人创作礼]活动,一起开启掘金创作之路。JSON对象:JSON对象在大括号{}中书写,对象可包含多个key/value(键/值)对,key必须是字符串,value可以是合法的JSON数据类型(字......
  • 深入解析JSON.stringify和JSON.parse
    日常转化JSON的时候,我们都会用到JSON.stringify,但你真的了解JSON.stringify吗?关于JSON.stringify,我们最多的应用场景无非就是将它转化为JSON字符串,但其实使用过程中也会碰......
  • 获取数组元素
    这里有一个数组叫a1,数组内容为'red','green','yellow'。如果想直接获取'yellow',可通过他们的标号来获取,因为每一个值都是有标号的,从0开始,0,1,2,3……数组内容的标号......
  • 用Vue框架实现 - JSON数据渲染页面
     <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="referrer"content="no-referrer"/><metahttp-equiv="X-UA-Compatibl......
  • 慎用JSON.stringify
    前言项目中遇到一个bug,一个组件为了保留一份JSON对象,使用JSON.stringify将其转换成字符串,这样做当然是为了避免对象是引用类型造成数据源的污染。但发现后面使用JS......
  • npm安装vue,在vue/dist目录下没有产生vue.js文件 只在vue后面加上@2指定版本即可。 np
    npm安装vue,在vue/dist目录下没有产生vue.js文件遇到问题:在进行npminstall时,vue/dist目录下没有生成vue.js的情况。解决办法:只在vue后面加上@2指定版本即可。npmin......
  • JSON.stringify() 的妙用
    描述JSON.stringify()的作用就是把JavaScript对象或数组或其他简单值转换为字符串。它还可以用于对象的深拷贝;对JSON字符串进行格式化(缩进);在转换之前对值进行替换操作......
  • JSP(Java Server Pages)
    JSP(JavaServerPages)Java特有的页面技术 淘汰原因:1.必须要有java环境2.必须要有tomcat环境3.jsp要有编译过程解析成本太高效率低 jsp脚本片段语法:<%....%......