1. 程式人生 > 其它 >WEB前端初學者筆記(14)--陣列和物件

WEB前端初學者筆記(14)--陣列和物件

一、陣列

1、定義

陣列物件的作用是:使用單獨的變數名來儲存一系列的值。

陣列可以用一個變數名儲存所有的值,並且可以用變數名訪問任何一個值。

陣列中的每個元素都有自己的的ID,以便它可以很容易地被訪問到。

2.建立陣列

2.1常規方式:

1 var myCars=new Array();
2 myCars[0]="Saab";      
3 myCars[1]="Volvo";
4 myCars[2]="BMW";

2.2簡潔方式:

1 var myCars=new Array("Saab","Volvo","BMW");

2.3字面:

1 var myCars=["Saab","Volvo","BMW"];

推薦使用這種方式,此方式更簡單更便捷

2.4常識

通過指定陣列名以及索引號碼,你可以訪問某個特定的元素。

可以在一個數組中包含物件元素、函式、陣列。

3.陣列的方法和屬性

 1     arr1[0]="abc";//直接修改陣列元素,如果超出陣列長度,則其中元素定義為空元素
 2     arr1.length//獲取陣列長度
 3     arr1.indexOf('')//查詢目標元素所在位置
 4  5     arr1.push('d')//在字串後面增加一個元素
 6     arr1.pop()//在字串後面刪除一個元素
 7     
 8     arr1.unshift('d')//在字串前面增加一個元素
9 arr1.shift()//在字串前面刪除一個元素 10 11 arr1.splice(1,1,'a','b')//刪除陣列第一個元素後(不含第一個)的一個元素,並且新增新的元素,也可以不新增,也可以不刪除,長度也隨之修改 12 delete arr1[3]//刪除陣列中的第四個元素,變為空元素,長度不變 13 14 console.log(typeof arr1)//輸出資料型別 15 16 17 var arr4=[] 18 console.log(typeof arr4)//輸出的為物件 19 if((arr4.length==0||arr4.length)&&typeof
arr4=='object'){ 20 console.log('arr4 is array') 21 }//判定一個空陣列為陣列, 22 Array.isArray(arr4)//更簡單的判定方法 23 24 25

二、物件

1.定義

JavaScript 物件是擁有屬性和方法的資料。

2.建立物件和訪問方法

 1 var xiaoming={}
 2 xiaoming.name='xiaoming'
 3 xiaoming.age=18
 4  5 var person = {
 6     firstName:"John",
 7     lastName:"Doe",
 8     age:50,
 9     eyeColor:"blue"
10 };
11 12 13   person.lastName;//訪問單個元素,指定名稱出來屬性
14   person["lastName"];//訪問單個元素
15   for(key in person){
16     console.log(key)
17 }//訪問物件所有鍵名
18 19   for(key in person){
20     console.log(person[key])
21 }//訪問物件所有值
22

3.屬性

我們通常認為 "JavaScript 物件是鍵值對的容器"。

鍵值對通常寫法為 name : value (鍵與值以冒號分割)。

鍵值對在 JavaScript 物件通常稱為 物件屬性

4.隨機數方法

 1 Math.random();//返回介於 0(包含) ~ 1(不包含) 之間的一個隨機數:
 2  3 Math.random()*10+1;//取得介於 1 到 10 之間的一個隨機數:
 4  5 Math.random() * (max - min)  + min//返回 min(包含)~ max(不包含)之間的數字:
 6 Math.random() * (max - min+1)  + min//返回 min(包含)~ max(包含)之間的數字:
 7 parseInt()//取整,只留整數
 8 Math.round()//四捨五入取整
 9 Math.ceil()//向上取整
10 Math.floor()//向下取整
11