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 相关文章推荐
jquery 显示*天*时*分*秒实现时间计时器
May 07 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 Javascript
angularjs创建弹出框实现拖动效果
Aug 25 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
彻底弄懂 JavaScript 执行机制
Oct 23 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
环形加载进度条封装(Vue插件版和原生js版)
Dec 04 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 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结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
Yii2框架RESTful API 格式化响应,授权认证和速率限制三部分详解
2016/11/10 PHP
javascript replace()正则替换实现代码
2010/02/26 Javascript
关于JavaScript的with 语句的使用方法
2011/05/09 Javascript
ToolTips JQEURY插件之简洁小提示框效果
2011/11/19 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
jQuery 删除或是清空某个HTML元素示例
2014/08/04 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
Javascript之Math对象详解
2016/06/07 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
原生js验证简洁注册登录页面
2016/12/17 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
nodeJs实现基于连接池连接mysql的方法示例
2018/02/10 NodeJs
微信小程序实现人脸检测功能
2018/05/25 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
python的keyword模块用法实例分析
2015/06/30 Python
Python socket实现简单聊天室
2018/04/01 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
Python的对象传递与Copy函数使用详解
2019/12/26 Python
Pytorch中.new()的作用详解
2020/02/18 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
python手机号前7位归属地爬虫代码实例
2020/03/31 Python
python空元组在all中返回结果详解
2020/12/15 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
诚信承诺书模板
2014/05/26 职场文书
高效课堂教学反思
2016/02/24 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书