2021-01-31

数组的基本方法：添加、删除

数组的四个基本方法（数组元素的添加和删除）
push()
push()：向数组的最后面插入一个或多个元素，返回结果为该数组新的长度。

语法：

数组的新长度 = 数组.push(元素);

代码举例：

var arr = ["王一", "王二", "王三"];
var result1 = arr.push("王四"); // 末尾插入一个元素
var result2 = arr.push("王五", "王六"); // 末尾插入多个元素
console.log(result1); // 打印结果：4
console.log(result2); // 打印结果：6
console.log(JSON.stringify(arr)); // 打印结果：["王一","王二","王三","王四","王五","王六"]

pop()
pop()：删除数组中的最后一个元素，返回结果为被删除的元素。

语法：

被删除的元素 = 数组.pop();

代码举例：

var arr = ["王一", "王二", "王三"];
var result1 = arr.pop();
console.log(result1); // 打印结果：王三
console.log(JSON.stringify(arr)); // 打印结果：["王一","王二"]

unshift()
unshift()：在数组最前面插入一个或多个元素，返回结果为该数组新的长度。插入元素后，其他元素的索引会依次调整。

语法：

数组的新长度 = 数组.unshift(元素);

代码举例：

var arr = ["王一", "王二", "王三"];
var result1 = arr.unshift("王四"); // 最前面插入一个元素
var result2 = arr.unshift("王五", "王六"); // 最前面插入多个元素
console.log(result1); // 打印结果：4
console.log(result2); // 打印结果：6
console.log(JSON.stringify(arr)); // 打印结果：["王五","王六","王四","王一","王二","王三"]

shift()
shift()：删除数组中的第一个元素，返回结果为被删除的元素。

语法：

被删除的元素 = 数组.shift();

代码举例：

var arr = ["王一", "王二", "王三"];
var result1 = arr.shift();
console.log(result1); // 打印结果：王一
console.log(JSON.stringify(arr)); // 打印结果：["王二","王三"]  

数组的常见方法
slice()
slice()：从数组中提取指定的一个或者多个元素，返回结果为新的数组（不会改变原来的数组）。

备注：该方法不会改变原数组，而是将截取到的元素封装到一个新数组中返回。

语法：

新数组 = 原数组.slice(开始位置的索引, 结束位置的索引);    //注意：包含开始索引，不包含结束索引

举例：

var arr = ["a", "b", "c", "d", "e", "f"];
var result1 = arr.slice(2); //从第二个值开始提取
var result2 = arr.slice(-2); //提取最后两个元素
var result3 = arr.slice(2, 4); //提取从第二个到第四个之间的值（不包括第四个值）
var result4 = arr.slice(4, 2); //空
console.log("arr:" + JSON.stringify(arr));
console.log("result1:" + JSON.stringify(result1));
console.log("result2:" + JSON.stringify(result2));
console.log("result3:" + JSON.stringify(result3));
console.log("result4:" + JSON.stringify(result4));

​
打印结果：

arr:["a","b","c","d","e","f"]
result1:["c","d","e","f"]
result2:["e","f"]
result3:["c","d"]
result4:[]

补充：

很多前端开发人员会用 slice()将伪数组，转化为真数组。写法如下：

array = Array.prototye.slice.call(arrayLike)

或者

array = [].slice.call(arrayLike)

ES6 看不下去这种蹩脚的转化方法，于是出了一个新的 API：（专门用来将伪数组转化成真数组）

array = Array.from(arrayLike) splice()
splice()：从数组中删除指定的一个或多个元素，返回结果为新的数组（会改变原来的数组）。

备注：该方法会改变原数组，会将指定元素从原数组中删除；被删除的元素会封装到一个新的数组中返回。

语法：

新数组 = 原数组.splice(起始索引index, 需要删除的个数, 第三个参数, 第四个参数...);

上方语法中，第三个及之后的参数，表示：向原数组中添加新的元素，这些元素将会自动插入到开始位置索引的前面。

举例1：

var arr1 = ["a", "b", "c", "d", "e", "f"];
var result1 = arr1.splice(1); //从第index为1的位置开始，删除元素
console.log("arr1：" + JSON.stringify(arr1));
console.log("result1：" + JSON.stringify(result1));

打印结果：

arr1：["a"]
result1：["b","c","d","e","f"]

举例2：

var arr2 = ["a", "b", "c", "d", "e", "f"];
var result2 = arr2.splice(-2); //删除最后两个元素
console.log("arr2：" + JSON.stringify(arr2));
console.log("result2：" + JSON.stringify(result2));

打印结果：

arr2：["a","b","c","d"]
result2：["e","f"]

举例3：

var arr3 = ["a", "b", "c", "d", "e", "f"];
var result3 = arr3.splice(1, 3); //从第index为1的位置开始删除元素,一共删除三个元素
console.log("arr3：" + JSON.stringify(arr3));
console.log("result3：" + JSON.stringify(result3));

打印结果：

arr3：["a","e","f"]
result3：["b","c","d"]

举例4：（我们来看看第三个参数的用法）

var arr4 = [“a”, “b”, “c”, “d”, “e”, “f”];
//从第index为1的位置开始删除元素,一共删除三个元素。并且在 index=1 的前面追加两个元素
var result4 = arr4.splice(1, 3, “千古壹号”, “vae”);
console.log(“arr4：” + JSON.stringify(arr4));
console.log(“result4：” + JSON.stringify(result4));
打印结果：
arr4：[“a”,“千古壹号”,“vae”,“e”,“f”]
result4：[“b”,“c”,“d”]
concat()
concat()：连接两个或多个数组，返回结果为新的数组。（不会改变原数组）

语法：

新数组 = 数组1.concat(数组2, 数组3 ...);

举例：

var arr1 = [1, 2, 3];
var arr2 = ["a", "b", "c"];
var arr3 = ["千古壹号", "vae"];
var result1 = arr1.concat(arr2);
var result2 = arr2.concat(arr1, arr3);
console.log("arr1 =" + JSON.stringify(arr1));
console.log("arr2 =" + JSON.stringify(arr2));
console.log("arr3 =" + JSON.stringify(arr3));
console.log("result1 =" + JSON.stringify(result1));
console.log("result2 =" + JSON.stringify(result2));

打印结果：

arr1 =[1,2,3]
arr2 =["a","b","c"]
arr3 =["千古壹号","vae"]
​
result1 =[1,2,3,"a","b","c"]
result2 =["a","b","c",1,2,3,"千古壹号","vae"]
从打印结果中可以看到，原数组并没有被修改。

join()
join()：将数组转换为字符串，返回结果为转换后的字符串（不会改变原来的数组）。

补充：join()方法可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符；如果不指定连接符，则默认使用 , 作为连接符，此时和 toString()的效果是一致的。

语法：

新的字符串 = 原数组.join(参数); // 参数选填

代码举例：

var arr = ["a", "b", "c"];
var result1 = arr.join(); // 这里没有指定连接符，所以默认使用 , 作为连接符
var result2 = arr.join("-"); // 使用指定的字符串作为连接符
console.log(typeof arr); // 打印结果：object
console.log(typeof result1); // 打印结果：string
console.log("arr =" + JSON.stringify(arr));
console.log("result1 =" + JSON.stringify(result1));
console.log("result2 =" + JSON.stringify(result2));

​
上方代码中，最后三行的打印结果是：

arr =[“a”,“b”,“c”]
result1 =a,b,c
result2 =a-b-c reverse()