Js 常用操作数组方法

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"];
fruits.pop(); // 从 fruits 删除最后一个元素（"Mango"）

pop() 方法返回“被弹出”的值：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();   // x 的值是 "Mango"

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

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

push() 方法返回新数组的长度：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =  fruits.push("Kiwi");   //  x 的值是 5

5 shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();  // 从 fruits 删除第一个元素 "Banana"

shift() 方法返回被“位移出”的字符串：

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

6 更改元素(最常用)：
通过使用它们的索引号来访问数组元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";  // 把 fruits 的第一个元素改为 "Kiwi"

7 length 属性提供了向数组追加新元素的简易方法：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi"; // 向 fruits 追加 "Kiwi"

8 splice() 方法可用于向数组添加新项：

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

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

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

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

splice() 来删除元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除 fruits 中的第一个元素

第一个参数（0）定义新元素应该被添加（接入）的位置。

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

其余参数被省略。没有新元素将被添加。

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

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

10 slice() 从已有的数组中返回选定的元素(数组单元的截取)：

var arr=['aa','bb','cc','dd','ee','ff'];
var data=arr.slice(2,4);
新数组data结果为： ["cc", "dd"]

如果一个参数时：截取index从2到最后

var arr=['aa','bb','cc','dd','ee','ff'];
var data=arr.slice(2);
新数组data结果为： ["cc", "dd", "ee", "ff"]

11 获取数组最后一个元素：

之前写法：

let arr = [1,2,3,4]
arr[arr.length-1]  //4

新颖写法：

let arr = [1,2,3,4]
arr.at(-1) //4

12 数组去重：

const uniqueArr = （arr）=> [...new Set(arr)];

13 去除数组空项：

常规做法是循环遍历判断去重

新颖做法：

let arr = [1,2,,4,5]
arr = arr.flat();