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 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
jqPlot 基于jquery的画图插件
Apr 26 Javascript
javascript中数组array及string的方法总结
Nov 28 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 Javascript
Javascript中arguments对象的详解与使用方法
Oct 04 Javascript
d3.js实现简单的网络拓扑图实例代码
Nov 06 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
微信小程序收藏功能的实现代码
Jun 12 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
Sep 05 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 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
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
PHP中include与require使用方法区别详解
2013/10/19 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
Windows7下的php环境配置教程
2015/02/28 PHP
js DataSet数据源处理代码
2010/03/29 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
2015/11/24 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
2016/04/12 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
AngularJS中controller控制器继承的使用方法
2017/11/03 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
vue中组件的过渡动画及实现代码
2018/11/21 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
vue.js实现图书管理功能
2019/09/24 Javascript
vue 对axios get pust put delete封装的实例代码
2020/01/05 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
2020/10/26 Javascript
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
Python将字典转换为XML的方法
2020/08/01 Python
详解Python模块化编程与装饰器
2021/01/16 Python
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
html5 外链式实现加减乘除的代码
2019/09/04 HTML / CSS
C#如何允许一个类被继承但是避免这个类的方法被重载?
2015/02/24 面试题
学校周年庆活动方案
2014/08/22 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
北京故宫导游词
2015/01/31 职场文书