欢迎来到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()在检索时,是严格类型约束,类似于===。