JavaScript .split().reverse().join() 方法介绍

简介

在 JavaScript 中，字符串对象提供了 split()、reverse() 和 join() 方法，这三个方法可以一起使用，来实现字符串的拆分、倒叙和拼接操作。这个组合方法的语法结构为：

string.split(separator).reverse().join(separator);

其中，split() 方法用于将字符串按指定的分隔符拆分为一个数组；reverse() 方法用于将数组中的元素倒序排列；join() 方法用于将数组中的元素拼接成一个字符串，以指定的分隔符进行连接。这三个方法可以连续调用，实现一次性操作。

示例

let str = "JavaScript is a programming language.";
let newStr = str.split(" ").reverse().join(" ");

console.log(newStr); // "language. programming a is JavaScript"

细节

分隔符参数

在使用 split() 方法时，可以通过传递一个分隔符参数来指定拆分字符串的方式。该参数可以是一个字符串，也可以是一个正则表达式。

如果传入的是一个字符串，则会将该字符串作为分隔符，将原字符串拆分为多个子串，子串之间不会包括分隔符。

let str = "a,b,c,d,e";
let arr1 = str.split(",");
let arr2 = str.split("-");

console.log(arr1); // ["a", "b", "c", "d", "e"]
console.log(arr2); // ["a,b,c,d,e"]

如果传入的是正则表达式，则按照该正则表达式对字符串进行拆分。例如，下面的代码中，分隔符参数是匹配一个或多个空格的正则表达式，会将原字符串拆分成多个子串，子串之间可以是空格、制表符、换行符等空白字符。

let str = "JavaScript is a programming language.";
let arr = str.split(/\s+/);

console.log(arr); // ["JavaScript", "is", "a", "programming", "language."]

反转顺序

在调用 reverse() 方法时，会将数组元素的顺序进行反转。但是需要注意的是，reverse() 方法会直接修改原数组，而不会创建一个新数组。

let arr = [1, 2, 3];
arr.reverse();

console.log(arr); // [3, 2, 1]

如果需要保留原数组，可以先使用 slice() 方法复制一份再进行操作。例如：

let arr = [1, 2, 3];
let newArr = arr.slice().reverse();

console.log(newArr); // [3, 2, 1]
console.log(arr); // [1, 2, 3]

分隔符参数

在调用 join() 方法时，会将数组中的元素拼接成一个字符串，并以指定的分隔符进行连接。如果不传入分隔符参数，则默认使用逗号 , 进行连接。

let arr = [1, 2, 3];
let str1 = arr.join();
let str2 = arr.join("-");

console.log(str1); // "1,2,3"
console.log(str2); // "1-2-3"

如果数组中的某个元素为 null 或 undefined，在拼接字符串时会将其转换为空字符串。

let arr = [1, 2, null, undefined, 3];
let str = arr.join("-");

console.log(str); // "1-2--3"

总结

通过 split()、reverse() 和 join() 三个方法的连续调用，可以实现字符串的拆分、倒叙和拼接操作，并非常方便。但需要注意的是，这个组合方法会对原数组或字符串进行修改，因此在使用时要注意备份或处理副本。