【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()

注意:

扫描二维码关注公众号,回复: 14423721 查看本文章

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

猜你喜欢

转载自blog.csdn.net/weixin_62542181/article/details/126090287