js二维数组定义和初始化的三种方法总结


Posted in Javascript onMarch 03, 2014

方法一:直接定义并且初始化,这种遇到数量少的情况可以用

var _TheArray = [["0-1","0-2"],["1-1","1-2"],["2-1","2-2"]]

方法二:未知长度的二维数组

var tArray = new Array(); //先声明一维
for(var k=0;k<i;k++){ //一维长度为i,i为变量,可以根据实际情况改变
tArray[k]=new Array(); //声明二维,每一个一维数组里面的一个元素都是一个数组;
for(var j=0;j<p;j++){ //一维数组里面每个元素数组可以包含的数量p,p也是一个变量;
tArray[k][j]=""; //这里将变量初始化,我这边统一初始化为空,后面在用所需的值覆盖里面的值
 }
}

给定义的数组传入所需的值
tArray[6][1]=5;//这样就可以将5的值传入到数组中,覆盖初始化的空

方法三:在这之前,以上两者方法都有问题,方法二,每次定义都初始化了,虽然后面可以动态修改,但是还是不方法

所以我尝试了一种动态传入值到数组的方法

ps:一些在实践过程中遇到的数组有趣的现象

本来以为二维数组可以像下面这样直接传入值

for(var a=0;a<i;a++){
tArray[a]=(matArray[a],addArray[a]); //matArray[a]和addArray[a]是两个数组,这两个数组直接传入tArray[a]中

};

结果是tArray[a]中收到的是后面一个数组的值,matArray[a]的内容被忽略的,如果换一个位置,matArray[a]在后面,则传入的是addArray[a]的值。

思考:简单的例子:

var a=[1,2];
var b=[];
b[0]=a;//把数组a作为b数组的元素传入b数组中
alert(b[0][1]); //2

上面是最简单的二维数组,

上面例子换种写法:

var b=[];
b[0]=[1,2];//把数组[1,2]作为b数组的元素传入b数组中
alert(b[0][1]); //2

可以看出上面的b[0]=[1,2]是可以用的

for(var a=0;a<i;a++){
tArray[a]=[ matArray[a],addArray[a] ]; 上面例子中的()修改为[] 就可以成功的组成一个二维数组了
};

总结:方法三:

for(var a=0;a<i;a++){
tArray[a]=[ aArray[a],bArray[a],cArray[a]]; 还可以增加dArray[a],eArray[a]
};

这种情况适用于已知几个数组,把他们组合成一个二维数组情况

JS 创建多维数组

<script>
 var allarray=new Array();
 var res="";
 function loaddata()
 {
 for(var i=0;i<3;i++)
 {
 var starth=i*200;
 var strarw=i*200;
 var endh=(i+1)*200;
 var endw=(i+1)*200;
 allarray[i]=new Array();
 allarray[i][0]=new Array();
 allarray[i][1]=new Array();
 allarray[i][0][0]=starth;
 allarray[i][0][1]=strarw;
 allarray[i][1][0]=endh;
 allarray[i][1][1]=endw;
 }
 for(var i=0;i<allarray.length;i++)
 {
 var sh=allarray[i][0][0];
 var sw=allarray[i][0][1]
  var eh=allarray[i][1][0];
 var ew=allarray[i][1][1]
 res+="第"+i+"个坐标的开始坐标是:"+sh+","+sw+"结束坐标是:"+eh+","+ew+"<br/>";
 }
 document.getElementById("dv").innerHTML=res;
 }
</script>

补充资料:

这两天做项目时,要通过js传递一个带有字符串键名的二维数组,可是传递到后台,却得到了false,使用了很多种方法都不行,今天特地来介绍一下:js 数组初始化问题;

以及Ajax下传递带有字符串键名的数组如何操作

一维数组:

一维数组可以使用数字,字符串做建名。

var data = [];//不知道个数
var data = new Array(); //不知道个数

如果知道个数,具体数值可以用:

var data = new Array(1);
data['a'] = 'a';

或者

var data= ['a'];

二维数组:

二维数组不支持字符串键名。

一:

var data = [];
data.push(['a']);

var data_1 = ['a'];d
ata[0]=data_1;

二:

var data=new Array();
for(var i=0;i<2;i++){
data[i]=new Array(); 
for(var j=0;j<2;j++){
data[i][j]=1;
}

提醒:

在使用Ajax传递数据时,js数组必须是数字键名。

如果要使用字符串做建名,要通过对象的形式:如下:

var data ={
'a':{'id':1,'url':h}
};

这篇文章介绍这了。

JS 二维数组的定义及长度判断

动态定义二维数组:

1.先定义一维:

var arr = new Array();

2.定义二维:

arr[0] = new Array();

arr[1] = new Array();

3.给数组赋值:

arr[0][0] = "00";

arr[0][1] = "01";

arr[1][0] = "10";

arr[1][1] = "11";

4.判断数组长度:

二维数组的行数:arr.length

相应行的列数:arr[0].length //第一行的长度 以上例来算此值为2

5.数组的调用:

很简单:var str = arr[0][0];

Javascript 相关文章推荐
jquery ready()的几种实现方法小结
Jun 18 Javascript
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
jQuery 和 CSS 的文本特效插件集锦
Dec 12 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
JavaScript中日常收集常见的10种错误(推荐)
Jan 08 Javascript
Ajax验证用户名或昵称是否已被注册
Apr 05 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
Element-UI中Upload上传文件前端缓存处理示例
Feb 21 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
Jul 30 Javascript
vue.js click点击事件获取当前元素对象的操作
Aug 07 Javascript
JS二维数组的定义说明
Mar 03 #Javascript
js处理自己不能定义二维数组的方法详解
Mar 03 #Javascript
js之ActiveX控件使用说明 new ActiveXObject()
Mar 03 #Javascript
JS中的log对象获取以及debug的写法介绍
Mar 03 #Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 #Javascript
jquery实现点击弹出层效果的简单实例
Mar 03 #Javascript
jquery实现弹出层完美居中效果
Mar 03 #Javascript
You might like
基于PHP编程注意事项的小结
2013/04/27 PHP
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
JS实现的省份级联实例代码
2013/06/24 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
JavaScript实现仿网易通行证表单验证
2015/05/25 Javascript
Extjs实现下拉菜单效果
2016/04/01 Javascript
JavaScript提高网站性能优化的建议(二)
2016/07/24 Javascript
JavaScript页面实时显示当前时间实例代码
2016/10/23 Javascript
vue的状态管理模式vuex
2017/11/30 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
在python中的socket模块使用代理实例
2014/05/29 Python
实例讲解Python的函数闭包使用中应注意的问题
2016/06/20 Python
python3排序的实例方法
2020/10/20 Python
python中spy++的使用超详细教程
2021/01/29 Python
浅谈CSS3动画的回调处理
2016/07/21 HTML / CSS
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
Parfume Klik丹麦:香水网上商店
2018/07/10 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
Servlet的生命周期
2013/08/25 面试题
学校办公室主任职责
2013/12/27 职场文书
园林毕业生自我鉴定范文
2013/12/29 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
工作会议通知
2015/04/15 职场文书
公路施工安全责任书
2015/05/08 职场文书
体育部部长竞选稿
2015/11/21 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers
php中pcntl_fork详解
2021/04/01 PHP
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL
background-position百分比原理详解
2021/05/08 HTML / CSS
vue3引入highlight.js进行代码高亮的方法实例
2022/04/08 Vue.js