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 Clone Bug解决代码
Dec 22 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
jQuery实现自动调用和触发某个事件的方法
Nov 18 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
Feb 10 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
jquery获取input输入框中的值
Nov 13 jQuery
js实现纯前端压缩图片
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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
PHP新手上路(十四)
2006/10/09 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
php之可变函数的实例详解
2017/09/13 PHP
LNMP部署laravel以及xhprof安装使用教程
2017/09/14 PHP
javascript实现一个数值加法函数
2015/06/26 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
javascript精确统计网站访问量实例代码
2015/12/19 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
vue中动态绑定表单元素的属性方法
2018/02/23 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
JavaScript交换变量常用4种方法解析
2020/09/02 Javascript
python对html代码进行escape编码的方法
2015/05/04 Python
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
Python简单读取json文件功能示例
2017/11/30 Python
Python从使用线程到使用async/await的深入讲解
2018/09/16 Python
python多进程重复加载的解决方式
2019/12/13 Python
python归并排序算法过程实例讲解
2020/11/04 Python
Python APScheduler执行使用方法详解
2020/12/10 Python
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
.net软件工程师应聘上机试题
2015/03/10 面试题
简历中自我评价分享
2013/10/09 职场文书
优秀应届毕业生自荐信
2013/11/16 职场文书
医院护士专业个人的求职信
2013/12/09 职场文书
应届毕业生求职自荐书
2014/01/03 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
甘南现象心得体会
2014/09/11 职场文书
高中生旷课检讨书
2014/10/08 职场文书
环卫工人慰问信
2015/02/15 职场文书
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python
CSS巧用渐变实现高级感背景光动画
2021/12/06 HTML / CSS
关于MySQL临时表为什么可以重名的问题
2022/03/22 MySQL
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技