JS数组

JS数组

用于在单一变量中储存多个量

语法：

var array-name = [item1, item2, ...];

例子：

var cars = ["大众", "宝马", "沃尔沃"];

不要在最后一个元素之后写逗号，可能会存在跨浏览器兼容问题

 

访问数组元素

通过引用索引号（下标号）来引用某个数组元素。

var name = cars[0];

0是数组中的第一个元素。1是第二个。索引从0开始

 

改变数组元素

直接赋值进行修改

cars[0] = "特斯拉";

 

访问完整数组

可以通过JavaScript，直接通过引用数组名来访问完整数组；

var cars = ["大众", "宝马", "沃尔沃"];
document.getElementById("demo").innerHTML = cars; 

 

数组属性和 方法

---

Length属性

返回数组的长度（数组元素的数目）

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length;                       // fruits 的长度是 4

遍历数组元素

最安全的方法就是使用"for"循环：

var fruits, text, fLen, i;

fruits = ["Banana", "Orange", "Apple", "Mango"];
fLen = fruits.length;
text = "<ul>";
for (i = 0; i < fLen; i++) {
   
     text += "<li>" + fruits[i] + "</li>";
} 

输出为

• Banana
• Orange
• Apple
• Mango

也可以使用Array.foreach()函数：

var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];

text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";

function myFunction(value) {
   
  text += "<li>" + value + "</li>";
}

添加数组元素

使用push()方法：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Lemon");                // 向 fruits 添加一个新元素 (Lemon)

也可以用Length属性向数组添加新元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Lemon";     // 向 fruits 添加一个新元素 (Lemon)

把数组转换为字符串

toString（）把数组转换为数组值（逗号分隔）的字符串。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString(); 

输出为：

Banana,Orange,Apple,Mango

join（）可以把所有数组元素结合为一个字符串。

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * "); 

输出为：

Banana * Orange * Apple * Mango

 

Poping和Pushing

---

弹出和推入

Pupping

pop（）从数组中删除最后一个元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // 从 fruits 删除最后一个元素（"Mango"）

pop（）返回被弹出的值

var fruits = ["Banana"