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 相关文章推荐
javascript 嵌套的函数(作用域链)
Mar 15 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
May 16 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
JS实现DOM删除节点操作示例
Apr 04 Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 Javascript
js中数组对象去重的两种方法
Jan 18 Javascript
vue遍历对象中的数组取值示例
Nov 07 Javascript
vue element-ui实现动态面包屑导航
Dec 23 Javascript
js实现自动锁屏功能
Jun 02 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实现下载限制速度示例分享
2014/02/13 PHP
php检查字符串中是否包含7位GSM字符的方法
2015/03/17 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
php使用Jpgraph绘制饼状图的方法
2015/06/10 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
翻译整理的jQuery使用查询手册
2007/03/07 Javascript
一款JavaScript压缩工具:X2JSCompactor
2007/06/13 Javascript
网页自动跳转代码收集
2009/09/27 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
2015/03/23 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
通过js控制时间,一秒一秒自己动的实例
2017/10/25 Javascript
vue-cli3+typescript新建一个项目的思路分析
2019/08/06 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
在Python中使用正则表达式的方法
2015/08/13 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
详谈python3 numpy-loadtxt的编码问题
2018/04/29 Python
Python 16进制与中文相互转换的实现方法
2018/07/09 Python
详解Python requests 超时和重试的方法
2018/12/18 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
python将时分秒转换成秒的实例
2019/12/07 Python
Python如何合并多个字典或映射
2020/07/24 Python
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
香港最新科技与优质家居产品购物网站:J SELECT
2018/08/21 全球购物
应届专科生个人的自我评价
2014/01/05 职场文书
《维生素c的故事》教学反思
2014/02/18 职场文书
2014年保洁员工作总结
2014/11/19 职场文书
党风廉政建设个人总结
2015/03/06 职场文书
逃课检讨书范文
2015/05/06 职场文书
独生子女证明范本
2015/06/19 职场文书
PHP连接MSSQL数据库案例,PHPWAMP多个PHP版本连接SQL Server数据库
2021/04/16 PHP
windows server2008 开启端口的实现方法
2022/06/25 Servers