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 相关文章推荐
让广告代码不再影响你的网页加载速度
Jul 07 Javascript
基于jQuery的动态表格插件
Mar 28 Javascript
Javascript中产生固定结果的函数优化技巧
Jan 16 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 Javascript
js格式化时间的方法
Dec 18 Javascript
react-native之ART绘图方法详解
Aug 08 Javascript
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
微信小程序实现页面下拉刷新和上拉加载功能详解
Dec 03 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
Jan 31 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
Aug 06 Javascript
详解vue中v-for的key唯一性
May 15 Vue.js
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字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
php使用ZipArchive函数实现文件的压缩与解压缩
2015/10/27 PHP
php短信接口代码
2016/05/13 PHP
datePicker——日期选择控件(with jquery)
2007/02/20 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
js获取当前页面的url网址信息
2014/06/12 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
Angular实现跨域(搜索框的下拉列表)
2017/02/16 Javascript
js实现音频控制进度条功能
2017/04/01 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
利用Python进行异常值分析实例代码
2017/12/07 Python
python实现学生信息管理系统
2020/04/05 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
django反向解析和正向解析的方式
2018/06/05 Python
Pandas:DataFrame对象的基础操作方法
2018/06/07 Python
python 检查是否为中文字符串的方法
2018/12/28 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
python爬取本站电子书信息并入库的实现代码
2020/01/20 Python
分布式全文检索引擎ElasticSearch原理及使用实例
2020/11/14 Python
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
波兰最大的宠物用品网上商店:FERA.PL
2019/08/11 全球购物
会计系中文个人求职信
2013/12/24 职场文书
文明学生标兵事迹
2014/01/21 职场文书
学生打架检讨书大全
2014/01/23 职场文书
《一本男孩子必读的书》教学反思
2014/02/19 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
移交协议书
2014/08/19 职场文书
企业群众路线教育实践活动心得体会
2014/11/03 职场文书
2015年小学开学寄语
2015/02/27 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL