JS-數組 創建 讀取 修改 追加、遍歷

一、創建數組

(1) 數組文本,直接賦值[ ]

 var carEnterprise = ["長城", "比亞迪"];
 var carDetail = [{enterprise:"長城",brand1:"哈佛",brand2:"WEY"},
                 {enterprise:"比亞迪",brand1:"王朝",brand2:"F系"}];

(2) 關鍵詞new

var carEnterprise = new Array("長城", "比亞迪");
var carDetail = new Array({enterprise:"長城",brand1:"哈佛",brand2:"WEY"},
                              {enterprise:"比亞迪",brand1:"王朝",brand2:"F系"});

數組用於在單一變量中存儲多個值。且多個值得類型可以不同

var aa = [1,new Date(),"aa"];

(3) 避免new Array()

var points = new Array(5, 10);  // 創建包含兩個元素的數組（5和10）  數組長度是2
var points = new Array(5);       // 創建包含5個未定義元素的數組！！！  此時5代表的是數組長度，

(4) 數組和對象的區別

[]代表數組， {}代表對象，數組是一種特殊類型的對象。
在JavaScript中，數組使用數字索引，對象使用命名索引。

二、讀取數組

使用索引號（下標號），索引號從0開始

var enterprise = carEnterprise[0];
var detail = carDetail[0];  

三、修改數組

carEnterprise[0] = "吉利";
carDetail[0] = {enterprise:"吉利",brand1:"帝豪",brand2:"E系"};

四、追加數組

追加數組是向已有數組中新增一個對象,與修改數組不同

carEnterprise.push("奧迪"); 
// 或者使用索引號  
carEnterprise[carEnterprise.length] = "奧迪";

carDetail.push({enterprise:"奧迪",brand1:"Q5",brand2:"Q7"});
// 或者使用索引號  
carDetail[carDetail.length] = {enterprise:"奧迪",brand1:"Q5",brand2:"Q7"};

五、遍歷數組

(1) “for” 循環

for(var i = 0; i < carEnterprise.length ; i ++){
    console.log(carEnterprise[i]);
} 

(2) Array.forEach()函數

carDetail.forEach(item => {
    console.log(item.enterprise + "-" + item.brand1 + "-" + item.brand2);
});

六、刪除數組

(1) pop()

carEnterprise.pop();   //刪除最後一個元素
carEnterprise.shift();  //刪除第一個元素
delete carEnterprise[0];  //刪除指定索引的元素  注意：delete只是刪除值，而不會改變數組長度 
carEnterprise = []   //重新賦值空數組，相當於全部刪除