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封装和作用域
Jul 09 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
Aug 07 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
Jun 11 Javascript
jqPlot jQuery绘图插件的使用
Jun 18 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
判断数组的最佳方法(推荐)
Oct 11 Javascript
angular中使用Socket.io实例代码
Jun 03 Javascript
Angular 4依赖注入学习教程之简介(一)
Jun 04 Javascript
解决vue 引入子组件报错的问题
Sep 06 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
js尾调用优化的实现
May 23 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
怎样在UNIX系统下安装php3
2006/10/09 PHP
基于mysql的bbs设计(一)
2006/10/09 PHP
Windows下的PHP 5.3.x安装 Zend Guard Loader教程
2014/09/06 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
2016/01/10 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
JavaScript ES6中export、import与export default的用法和区别
2017/03/14 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
2017/12/08 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
微信小程序实现单选功能
2018/10/30 Javascript
Node.js net模块功能及事件监听用法分析
2019/01/05 Javascript
通过vue手动封装on、emit、off的代码详解
2019/05/29 Javascript
在Python中操作字典之clear()方法的使用
2015/05/21 Python
构建Python包的五个简单准则简介
2015/06/15 Python
浅析Python中MySQLdb的事务处理功能
2016/09/21 Python
Python实现的质因式分解算法示例
2018/05/03 Python
python3 实现验证码图片切割的方法
2018/12/07 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
如何理解python对象
2020/06/21 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
python递归函数用法详解
2020/10/26 Python
特步官方商城:Xtep
2017/03/21 全球购物
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
英文留学推荐信范文
2014/01/25 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
教师党员整改措施
2014/10/24 职场文书
移除Selenium中window.navigator.webdriver值
2022/06/10 Python