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())

 1 //方法一
 2 var arr1 = [1,3,5,7,9];
 3 document.write(arr1[2] + '<br>');
 4     
 5 //方法二
 6 var arr2 = new Array(2,4,6,8,10);
 7 document.write(arr2[3] + '<br>');
 8     
 9 //方法三
10 var arr3 = new Array(3);//固定數組長度為3
11 arr3[0] = 1;
12 arr3[1] = 2;
13 arr3[2] = 3;
14 document.write(arr3[2] + '<br>');

3、關於數組長度

數組對象.length

在js中,每一個數組對象都可以調用length屬性,它表示數組對象下共有幾個數組元素

示例:

1 var row = ['zhangsan','lisi','wangwu'];
2 doucument.write('共有'+row.length+'個人<br>');
3 
4 var length = row.length;//對數組進行遍歷
5 for (var i=0;i<length;i++){
6 doucument.write(row[i]+'<br>');
7 }    

 

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中,文本下標的數組元素,不計入數組長度

以文本下標形式添加到數組,實際是以屬性形式添加到數組對象中的

1 var arr = [1,2,3];
2 arr['first'] = 'zhangsan';
3 arr['second'] = 'lisi';
4 
5 document.write(arr.length + '<br>');
6 document.write(arr.first + '<br>');
7 document.write(arr.second + '<br>');

結果:

  3
  zhangsan
  lisi

遍歷帶有文本下標的數組:

1 var arr = [1,2,3];
2 arr['first'] = 'zhangsan';
3 arr['second'] = 'lisi';
4 
5 for(var i in arr){
6     document.write(i + ':' + arr[i] + '<br>');
7 }

結果:

  0:1
  1:2
  2:3
  first:zhangsan
  second:lisi

 

6、多維數組

 1 var arr = [
 2         [10,'zhangsan','male'],
 3         [11,'lisi','female'],
 4         [12,'wangwu','male']
 5     ];
 6 for (var i in arr){
 7     for(var j in arr[i]){
 8         document.write(arr[i][j]);
 9     }
10     document.write('<br>');
11 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM