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 = []   //重新赋值空数组，相当于全部删除