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 相关文章推荐
高效的表格行背景隔行变色及选定高亮的JS代码
Dec 04 Javascript
dwz 如何去掉ajaxloading具体代码
May 22 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
详解Vue.directive 自定义指令
Mar 27 Javascript
ant-design-vue 快速避坑指南(推荐)
Jan 21 Javascript
vue框架中props的typescript用法详解
Feb 17 Javascript
javascript实现前端分页效果
Jun 24 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入门基础之php代码写法
2011/12/30 PHP
php中{}大括号是什么意思
2013/12/01 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
2016/06/27 Javascript
原生js实现验证码功能
2017/03/16 Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
2017/05/26 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
快速处理vue渲染前的显示问题
2018/03/05 Javascript
Vue通过ref父子组件拿值方法
2018/09/12 Javascript
vue 动态添加class,三个以上的条件做判断方式
2020/11/02 Javascript
[01:05:56]2018DOTA2亚洲邀请赛3月29日 小组赛A组 Newbee VS VG
2018/03/30 DOTA
Python 实现两个服务器之间文件的上传方法
2019/02/13 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
python同步两个文件夹下的内容
2019/08/29 Python
python爬虫---requests库的用法详解
2020/09/28 Python
Python中lru_cache的使用和实现详解
2021/01/25 Python
NFL官方在线商店:NFLShop
2020/07/29 全球购物
Java面试题:请问一下代码输出是什么
2015/05/27 面试题
工艺工程师工作职责
2013/11/23 职场文书
搞笑获奖感言
2014/01/30 职场文书
小学教师节活动方案
2014/01/31 职场文书
《飞向蓝天的恐龙》教学反思
2014/04/09 职场文书
教导主任竞聘演讲稿
2014/05/16 职场文书
Vue的列表之渲染,排序,过滤详解
2022/02/24 Vue.js