JavaScript 数组方法集合

1.toString() 把数组转换为数组值（逗号分隔）的字符串

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


输出：Banana,Orange,Apple,Mango

2.join() 将所有数组元素结合为一个字符串。

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

输出：Banana * Orange * Apple * Mango

3.pop() 方法从数组中删除最后一个元素

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

4.push() 方法（在数组结尾处）向数组添加一个新的元素：

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


输出 x=5 fruits=["Banana", "Orange", "Apple", "Mango"，“Kiwi”]

5.shift() 方法会删除首个数组元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.shift();           

输出：  // x=从 fruits 删除第一个元素 "Banana"
fruits = ["Orange", "Apple", "Mango"]

6.unshift() 方法（在开头）向数组添加新元素

var fruits = ["Orange", "Apple", "Mango"];
var x = fruits.unshift("Banana");           

输出：  // x= 4
fruits = ["Banana","Orange", "Apple", "Mango"]

7.delete 运算符来删除。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 把 fruits 中的首个元素改为 undefined

使用 delete 会在数组留下未定义的空洞。请使用 pop() 或 shift() 取而代之。

输出： fruits = [, "Orange", "Apple", "Mango"];

8.splice() 来删除元素 不会留下空洞

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

第一个参数（2）定义了应添加新元素的位置（拼接）。

第二个参数（0）定义应删除多少元素。

其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。

//输出：fruits = ["Banana", "Orange", "Lemon", "Kiwi"， "Apple", "Mango"]



splice() 方法返回一个包含已删除项的数组：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

//输出：fruits = ["Banana", "Orange",  "Lemon", "Kiwi"]

9.concat() 方法通过合并（连接）现有数组来创建一个新数组

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 连接 myGirls 和 myBoys


//输出：myChildren= ["Cecilie", "Lone","Emil", "Tobias", "Linus"]



合并3个数组

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // 将arr1、arr2 与 arr3 连接在一起
//输出：myChildren= ["Cecilie", "Lone","Emil", "Tobias", "Linus"，"Robin", "Morgan"]

10.slice() 方法用数组的某个片段切出新数组

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1); 
本例从数组元素 1 （"Orange"）开始切出一段数组：


输出：Orange,Lemon,Apple,Mango