返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript如何生成二维数组
  • 802
分享到

JavaScript如何生成二维数组

JavaScript生成二维数组JavaScript二维数组生成二维数组 2023-03-24 11:03:22 802人浏览 独家记忆
摘要

目录javascript生成二维数组方法一 方法二方法三js中创建二维数组的坑原因总结JavaScript生成二维数组 方法一  new Array(x).fil

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

请添加图片描述

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

请添加图片描述

原因

请添加图片描述

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

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;
   }

}

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: JavaScript如何生成二维数组

本文链接: https://lsjlt.com/news/201158.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript如何生成二维数组
    目录JavaScript生成二维数组方法一 方法二方法三JS中创建二维数组的坑原因总结JavaScript生成二维数组 方法一  new Array(x).fil...
    99+
    2023-03-24
    JavaScript生成二维数组 JavaScript二维数组 生成二维数组
  • JavaScript怎么生成二维数组
    今天小编给大家分享一下JavaScript怎么生成二维数组的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。JavaScript...
    99+
    2023-07-05
  • Java如何加载数组并生成二维码?
    二维码是一种常用的二维条码,它可以存储大量的信息,包括文本、URL、电话号码等等。在Java中,我们可以使用一些开源库来生成二维码,如zxing和qrcode等。本文将介绍如何使用Java加载数组并生成二维码。 一、使用zxing生成二维...
    99+
    2023-08-09
    load 数组 二维码
  • 如何写javascript二维数组
    本篇内容介绍了“如何写javascript二维数组”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • 如何使用ASP函数和JavaScript生成二维码?
    二维码在现代生活中已经非常常见,很多人都知道如何使用二维码扫描器扫描二维码来获取信息。但是,如何生成二维码呢?在本文中,我们将探讨如何使用ASP函数和JavaScript生成二维码。 ASP函数是一种在ASP页面中使用的函数。ASP函数可以...
    99+
    2023-09-03
    函数 二维码 javascript
  • 二维码如何生成
    小编给大家分享一下二维码如何生成,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!二维码又称QR Code,QR全称Quick Response,是一个近几年来移动设...
    99+
    2023-06-17
  • 二维码生成器:如何在Go语言中实现实时生成JavaScript二维码?
    二维码已经成为现代生活中不可或缺的一部分,它们被用于广告、宣传、票据、付款等各种场景。二维码的生成和解码已经得到了广泛的支持,因此,越来越多的人开始使用二维码来代替传统的条形码。 在本文中,我们将介绍如何在Go语言中实现实时生成JavaS...
    99+
    2023-11-06
    实时 javascript 二维码
  • ASP函数如何生成二维码?
    二维码是一种可以被扫描的二维条形码,它可以存储大量的信息,如网站链接、文本、电话号码等等。在如今的数字时代,二维码已经成为了一种不可缺少的工具。在ASP中,生成二维码可以通过使用一些第三方库来实现。本文将介绍如何在ASP中使用二维码生成函...
    99+
    2023-09-03
    函数 二维码 javascript
  • PHP如何生成二维码?
    PHP是一种流行的服务器端编程语言,广泛应用于Web开发领域。二维码是一种快速获取信息的技术,它已经被广泛应用于各种领域。在本文中,我们将介绍如何使用PHP来生成二维码。 生成二维码的基本原理是将需要存储的信息编码成二维码图案,然后通过扫描...
    99+
    2023-09-26
    二维码 path git
  • 如何在ASP文件中使用数组生成二维码?
    在现代互联网应用中,二维码已经成为了一种非常流行的数据格式。它们可以用于识别产品、链接到网站、分享社交媒体和更多其他用途。如果你是一个ASP开发人员,你可能想知道如何在ASP文件中使用数组生成二维码。在本文中,我们将详细介绍如何使用ASP中...
    99+
    2023-09-09
    文件 数组 二维码
  • PHP开发技术:如何使用二维码生成器创建二维码数组?
    随着移动互联网的飞速发展,二维码已经成为一种非常方便的信息传递方式,因为它可以存储大量的信息,并且可以在移动设备上方便地扫描和识别。在PHP开发中,我们可以使用二维码生成器来创建二维码数组,本文将介绍如何使用PHP二维码生成器来创建二维码...
    99+
    2023-06-02
    开发技术 二维码 数组
  • 如何在 ASP 框架中集成 JavaScript 二维码生成器?
    ASP框架是一种广泛应用的Web开发框架,而JavaScript二维码生成器则是一种非常实用的工具。在开发Web应用时,有时需要在页面中生成二维码,这时就需要将二维码生成器集成到ASP框架中。本文将介绍如何在ASP框架中集成JavaScri...
    99+
    2023-09-05
    框架 javascript 二维码
  • ASP 中如何生成二维码?
    随着智能手机的普及,二维码已经成为了一种常见的扫描方式。二维码可以用于电子商务、广告、会员卡、门禁等多种场景。那么,如何在 ASP 中生成二维码呢?本文将为您提供一种简单的方法。 首先,我们需要引用一个第三方库,这个库叫做“qrcode....
    99+
    2023-10-06
    二维码 日志 git
  • Python 中如何生成二维码?
    Python 中如何生成二维码? 二维码(QR Code)是一种可以被扫描的矩阵条形码,它可以被用于快速识别产品信息、网址链接、电子邮件地址、电话号码等等。在 Python 中,我们可以使用第三方库 qrcode 来生成二维码。本文将介绍如...
    99+
    2023-10-07
    对象 二维码 unix
  • Java中如何生成二维码?
    二维码是一种矩阵条码,可以存储一定量的信息,常用于移动支付、商品编码、会议签到等领域。在Java中,我们可以使用第三方库来生成二维码,本文将介绍两种常用的库:ZXing和QRGen。 ZXing库 ZXing是Google开发的一款开...
    99+
    2023-08-12
    二维码 apache 日志
  • 如何用Python生成二维码、解析二维码
    目录楔子生成二维码qrcodeMyQR解析二维码楔子 二维码在我们的生活中可以说是必不可少的,不单单是手机支付、其它很多地方也都需要扫描二维码。那么下面我们就来看看如何使用pyth...
    99+
    2024-04-02
  • javascript二维数组如何求平均值
    这篇文章主要介绍“javascript二维数组如何求平均值”,在日常操作中,相信很多人在javascript二维数组如何求平均值问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”...
    99+
    2024-04-02
  • thinkphp5何生成二维码
    小编给大家分享一下thinkphp5何生成二维码,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   ...
    99+
    2024-04-02
  • JavaScript有二维数组吗
    本篇内容介绍了“JavaScript有二维数组吗”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!JavaSc...
    99+
    2024-04-02
  • 如何在Bash和JavaScript中使用Go生成二维码?
    二维码已经成为了现代生活中不可或缺的一部分。二维码可以用于多种场景,如商业广告、支付、身份识别等。在本文中,我们将探讨如何使用Go在Bash和JavaScript中生成二维码。 什么是二维码? 二维码是一种可以储存数据的编码图形。二维码是由...
    99+
    2023-06-26
    bash javascript 二维码
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作