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 相关文章推荐
jQuery EasyUI API 中文文档 - NumberBox数字框
Oct 13 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
javascript:window.open弹出窗口的位置问题
Mar 18 Javascript
jQuery实现倒计时按钮功能代码分享
Sep 03 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
Jan 24 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
Jun 24 Javascript
JavaScript动态创建div等元素实例讲解
Jan 06 Javascript
Angular.js中用ng-repeat-start实现自定义显示
Oct 18 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
vue项目中跳转到外部链接的实例讲解
Sep 20 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
js基于canvas实现时钟组件
Feb 07 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
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
php 远程图片保存到本地的函数类
2008/12/08 PHP
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
php smarty truncate UTF8乱码问题解决办法
2014/06/13 PHP
在Mac OS上自行编译安装Apache服务器和PHP解释器
2015/12/24 PHP
cssQuery()的下载与使用方法
2007/01/12 Javascript
jquery默认校验规则整理
2014/03/24 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
2016/06/10 Javascript
jQuery实现6位数字密码输入框
2016/12/29 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
2018/04/26 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
[01:05:24]Ti4 冒泡赛第二天 iG vs NEWBEE 3
2014/07/15 DOTA
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
python实现根据图标提取分类应用程序实例
2014/09/28 Python
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
python matplotlib实现双Y轴的实例
2019/02/12 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
如何用python实现一个HTTP连接池
2021/01/14 Python
美国从事品牌鞋类零售的连锁店:Famous Footwear
2016/08/25 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
中医专业职业生涯规划书范文
2014/01/04 职场文书
九年级物理教学反思
2014/01/29 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
求职信格式范文
2015/03/19 职场文书
Java spring定时任务详解
2021/10/05 Java/Android
idea下配置tomcat避坑详解
2022/04/12 Servers