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 相关文章推荐
node.js中的http.response.write方法使用说明
Dec 14 Javascript
js+jquery常用知识点汇总
Mar 03 Javascript
javaScript+turn.js实现图书翻页效果实例代码
Feb 16 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
Mar 10 Javascript
vue使用自定义icon图标的方法
May 14 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
Jul 22 Javascript
Vue实现商品详情页的评价列表功能
Sep 04 Javascript
vue 实现购物车总价计算
Nov 06 Javascript
vue中keep-alive,include的缓存问题
Nov 26 Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 Javascript
js HTML DOM EventListener功能与用法实例分析
Apr 27 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
日本十大最佳动漫,全都是二次元的神级作品
2019/10/05 日漫
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
使用PHPExcel操作Excel用法实例分析
2015/03/26 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
PHP中SESSION过期设置
2021/03/09 PHP
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
2015/05/11 Javascript
javascript中CheckBox全选终极方案
2015/05/20 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
jQuery异步提交表单的两种方式
2016/09/13 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
vue的token刷新处理的方法
2018/07/17 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
Python线性回归实战分析
2018/02/01 Python
简单实现python数独游戏
2018/03/30 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
Python csv文件的读写操作实例详解
2019/11/19 Python
np.random.seed() 的使用详解
2020/01/14 Python
css3背景图片透明叠加属性cross-fade简介及用法实例
2013/01/08 HTML / CSS
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
HTML5之SVG 2D入门7—SVG元素的重用与引用
2013/01/30 HTML / CSS
海淘母婴商城:国际妈咪
2016/07/23 全球购物
服装仓管员岗位职责
2014/06/17 职场文书
个人批评与自我批评
2014/10/15 职场文书
就业意向书范本
2015/05/11 职场文书
风之谷观后感
2015/06/11 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书