JavaScript动态创建二维数组的方法示例


Posted in Javascript onFebruary 01, 2019

本文实例讲述了JavaScript动态创建二维数组的方法。分享给大家供大家参考,具体如下:

学过C语言的我太耿直

一般这种情况下我会直接

var arr = new Array[10][10];

但是不出意外的话这样是会报错的,因为在js中根本没有这样的语法

在这之前,让我们先来回顾一下js中是怎么样创建一维数组的:

使用数组直接量,这个是最简单的,在方括号内将数组元素用逗号隔开即可:

var arr = [ ]; //空数组
var s = [1,2,3,4]; //4个元素的数组
var n = [1.1, false, "a", ]; //3个不同类型的元素和结尾的逗号

这样看来一维数组还是各种语言都通用的,Javascript不支持真正的多维数组,但可以用数组的数组来近似。访问数组的数组中的元素,只要简要地使用两次[ ]操作符即可。例如:

var arr = new Array(10); //表格有10行
for(var i = 0;i < arr.length; i++){
 arr[i] = new Array(10); //每行有10列
}

这样,一个神奇的有10行10列的数组就创建完成了。

补充:JS生成二维数组完整操作示例:

var arr = [];
var n=1;
for(var i = 0;i < 10; i++){
 arr[i] = []; //每行有10列
 for(var j = 0;j < 10; j++){
  arr[i][j] = n;
  n++;
 }
}
console.log(arr);

这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可得如下运行结果:

JavaScript动态创建二维数组的方法示例

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Javascript中eval函数的使用方法与示例
Apr 09 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
有关于JS辅助函数inherit()的问题
Apr 07 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
AngularJS Bootstrap详细介绍及实例代码
Jul 28 Javascript
JS简单实现表格排序功能示例
Dec 20 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 Javascript
小程序实现密码输入框
Nov 16 Javascript
Electron 如何调用本地模块的方法
Feb 01 #Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 #Javascript
原来JS还可以这样拆箱转换详解
Feb 01 #Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 #Javascript
微信小程序常用简易小函数总结
Feb 01 #Javascript
使用Angular自定义字段校验指令的方法示例
Feb 01 #Javascript
angular中如何绑定iframe中src的方法
Feb 01 #Javascript
You might like
php 分页原理详解
2009/08/21 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
2019/12/13 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
用js实现in_array的方法
2013/11/05 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
jQuery使用hide方法隐藏元素自身用法实例
2015/03/30 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
js实现方块上下左右移动效果
2017/08/17 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
Javascript生成器(Generator)的介绍与使用
2021/01/31 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
跟老齐学Python之用while来循环
2014/10/02 Python
Python登录并获取CSDN博客所有文章列表代码实例
2017/12/28 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
Python 实现将大图切片成小图,将小图组合成大图的例子
2020/03/14 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
叙述DBMS对数据控制功能有哪些
2016/06/12 面试题
电子商务专业学生职业生涯规划
2014/03/07 职场文书
给小学生的新年寄语
2014/04/04 职场文书
学习优秀党员杨宗兴先进事迹材料思想汇报
2014/09/14 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
中国汉字听写大会观后感
2015/06/02 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
爱的教育读书笔记
2015/06/26 职场文书
2016年班主任新年寄语
2015/08/18 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
Java异常体系非正常停止和分类
2022/06/14 Java/Android