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 相关文章推荐
DOM_window对象属性之--clipboardData对象操作代码
Feb 03 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
May 17 Javascript
将json当数据库一样操作的javascript lib
Oct 28 Javascript
jQuery的animate函数学习记录
Aug 08 Javascript
Bootstrap每天必学之缩略图与警示窗
Nov 29 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 Javascript
学习vue.js中class与style绑定
Dec 03 Javascript
详解webpack运行Babel教程
Jun 13 Javascript
js实现时钟定时器
Mar 26 Javascript
解决vue动态下拉菜单 有数据未反应的问题
Aug 06 Javascript
js实现鼠标拖曳效果
Dec 30 Javascript
JavaScript实现点击切换验证码及校验
Jan 10 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
深入了解php4(2)--重访过去
2006/10/09 PHP
PHP系统命令函数使用分析
2013/07/05 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
各情景下元素宽高的获取实现代码
2011/09/13 Javascript
vuejs父子组件通信的问题
2017/01/11 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
AngularJS 的$timeout服务示例代码
2017/09/21 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
jquery将信息遍历到界面上实例代码
2020/01/21 jQuery
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
Python探索之实现一个简单的HTTP服务器
2017/10/28 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
python列表返回重复数据的下标
2020/02/10 Python
python批量修改xml属性的实现方式
2020/03/05 Python
Python制作数据预测集成工具(值得收藏)
2020/08/21 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
html5画布旋转效果示例
2014/01/27 HTML / CSS
世界著名的顶级牛排:Omaha Steak(奥马哈牛排)
2016/09/20 全球购物
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
数据库基础的一些面试题
2012/02/25 面试题
党员公开承诺书
2014/03/25 职场文书
政府门卫岗位职责
2014/04/29 职场文书
中学教师师德师风演讲稿
2014/08/22 职场文书
房屋维修协议书范本
2014/09/25 职场文书
画展邀请函
2015/01/31 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
免职通知
2015/04/23 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
Html5调用企业微信的实现
2021/04/16 HTML / CSS
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server