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中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
理解javascript中的MVC模式
Jan 28 Javascript
javascript深拷贝(deepClone)详解
Aug 24 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
javascript 正则表达式分组、断言详解
Apr 20 Javascript
使用bootstrap插件实现模态框效果
May 10 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
Dec 10 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
用户的详细注册和判断
2006/10/09 PHP
初品cakephp 入门基础
2012/02/16 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
2015/06/23 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
php-fpm.conf配置文件中文说明详解及重要参数说明
2018/10/10 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
Yii框架的redis命令使用方法简单示例
2019/10/15 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
javascript 面向对象的JavaScript类
2010/05/04 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
js控制页面控件隐藏显示的两种方法介绍
2013/10/09 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
js实现导航栏中英文切换效果
2017/01/16 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
angularjs实现table增加tr的方法
2018/02/27 Javascript
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
2019/03/04 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
Python配置mysql的教程(推荐)
2017/10/13 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
浅谈python3打包与拆包在函数的应用详解
2020/05/02 Python
Python数据库封装实现代码示例解析
2020/09/05 Python
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
华为c/c++笔试题
2016/01/25 面试题
仓库管理员岗位职责
2015/02/03 职场文书
雨花台导游词
2015/02/06 职场文书
运动会跳远广播稿
2015/08/19 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
JavaScript如何优化逻辑判断代码详解
2021/06/08 Javascript
Python中time与datetime模块使用方法详解
2022/03/31 Python