這次帶給大家JS的陣列使用詳解，JS陣列使用的注意事項有哪些，下面就是實戰案例，一起來看一下。
現在很多剛開始認識js的人都不是很清楚js數組是什麼，js數組是怎麼定義的，下面文章就給大家介紹下對於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 = new Array(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中
var row = ['zhangsan','lisi','wangwu','xiaoqiang'];
for (var i in row){
document.write(i + ':' + row[i] + '<br>');
}結果：
0:zhangsa
1:lisi
2:wangwu
3:xiaoqian
5.文本下標
格式:
# arr['key'] = 值;
在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>'); 11 }相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
getBoundingClientRect使用方法及相容性處理
以上是JS的陣列使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
