【JavaScript复习十二】数组内置对象方法二

欢迎来到JS复习专栏，本文章主要内容是数组合并拆分方法等

数组的合并和拆分

concat()

concat()：连接两个或多个数组，返回结果为新的数组。不会改变原数组。concat()方法的作用是数组合并。

语法：

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

数组合并的另一种方式：

我们可以使用...这种展开语法，将两个数组进行合并。举例如下：

const arr1 = [1, 2, 3];
const result = ['a', 'b', 'c', ...arr1];
console.log(JSON.stringify(result)); 
// 打印结果：["a","b","c",1,2,3]

join()

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

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

语法：

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

split()

注意：

split()是字符串的方法，不是数组的方法。

语法：

新的数组 = str.split(分隔符);

解释：通过指定的分隔符，将一个字符串拆分成一个数组。不会改变原字符串。

备注：

split()这个方法在实际开发中用得非常多。一般来说，从接口拿到的 json 数据中，经常会收到类似于"q, i, a, n"这样的字符串，前端需要将这个字符串拆分成[‘q’, ‘i’, ‘a’, ‘n’]数组，这个时候split()方法就派上用场了。

reverse()

reverse()：反转数组，返回结果为反转后的数组（会改变原来的数组）。

sort()

sort()：对数组的元素进行从小到大来排序（会改变原来的数组）。

indexOf() 和 lastIndexOf()：获取数据的索引

语法 1：

数组.indexOf(想要查询的元素);

数组.lastIndexOf(想要查询的元素);

indexOf() 是从前向后查找元素的位置。同理，lastIndexOf()是从后向前寻找。

注意：

可以检索一个数组中是否含有指定的元素。如果数组中含有该元素，则会返回其第一次出现的索引；如果没有找到指定的内容，则返回 -1。

如果获取的索引值为 0，说明数组是以查询的元素为开头的。

如果获取的索引值为-1，说明这个数组中没有指定的元素。

注意：

indexOf()在检索时，是严格类型约束，类似于===。