JS數組定義及詳解
1、什麽是數組
數組就是一組數據的集合
其表現形式就是內存中的一段連續的內存地址
數組名稱其實就是連續內存地址的首地址
2、關於js中的數組特點
數組定義時無需指定數據類型
數組定義時可以無需指定數組長度
數組可以存儲任何數據類型的數據(比如說一個元素保存整型,一個元素保存字符串型,這個在JS中是可以的)
創建數組的語法:
var arr=[值1,值2,值3]; //隱式創建
var arr=new Array(值1,值2,值3); //直接實例化
var array=new Array(size); //創建數組並指定長度
JS中符號含義:
()表示函數執行
[]表示語法模擬,表示模擬Array類的實例(=new Array())
{}表示語法模擬,表示模擬Object類的實例(=new Object())
//表示語法模擬(正則對象),表示模擬RegExp類的實例(=new RegExp())
//方法一 var arr1 = [1,3,5,7,9]; document.write(arr1[2] + ‘<br>‘); //方法二 var arr2 = new Array(2,4,6,8,10); document.write(arr2[3] + ‘<br>‘); //方法三 var arr3 = newArray(3);//固定數組長度為3 arr3[0] = 1; arr3[1] = 2; arr3[2] = 3; document.write(arr3[2] + ‘<br>‘);
3、關於數組長度
數組對象.length
在js中,每一個數組對象都可以調用length屬性,它表示數組對象下共有幾個數組元素
示例:
var row = [‘zhangsan‘,‘lisi‘,‘wangwu‘]; doucument.write(‘共有‘+row.length+‘個人<br>‘); var length = row.length;//對數組進行遍歷 for (var i=0;i<length;i++){ doucument.write(row[i]+‘<br>‘); }
4、for...in語句
在js中,數組不是數據類型,數組的數據類型其實就是對象
Js中的For.....in語句可以實現對一個對象的所有屬性的遍歷
也可以使用for...in語句實現對一個數組的所有元素的遍歷
語法:
for( var i in array ){
}
原理:數組中有幾個元素,for..in語句就循環執行多少次
每次執行時,將當前數組元素的下標存放到變量i中
1 var row = [‘zhangsan‘,‘lisi‘,‘wangwu‘,‘xiaoqiang‘]; 2 3 for (var i in row){ 4 document.write(i + ‘:‘ + row[i] + ‘<br>‘); 5 }
結果:
0:zhangsan
1:lisi
2:wangwu
3:xiaoqiang
5、文本下標
格式:
arr[‘key‘] = value;
在js中,文本下標的數組元素,不計入數組長度
以文本下標形式添加到數組,實際是以屬性形式添加到數組對象中的
var arr = [1,2,3]; arr[‘first‘] = ‘zhangsan‘; arr[‘second‘] = ‘lisi‘; document.write(arr.length + ‘<br>‘); document.write(arr.first + ‘<br>‘); document.write(arr.second + ‘<br>‘);
結果:
3
zhangsan
lisi
遍歷帶有文本下標的數組:
var arr = [1,2,3]; arr[‘first‘] = ‘zhangsan‘; arr[‘second‘] = ‘lisi‘; for(var i in arr){ document.write(i + ‘:‘ + arr[i] + ‘<br>‘); }
結果:
0:1
1:2
2:3
first:zhangsan
second:lisi
6、多維數組
var arr = [ [10,‘zhangsan‘,‘male‘], [11,‘lisi‘,‘female‘], [12,‘wangwu‘,‘male‘] ]; for (var i in arr){ for(var j in arr[i]){ document.write(arr[i][j]); } document.write(‘<br>‘); }
JS數組定義及詳解