JavaScript 字符串转数组的六种必备方法

2023-06-16 23:41:56

将 JavaScript 字符串转换为数组：一个全面的指南

在 JavaScript 中，字符串是不可变的，这意味着一旦创建就无法更改。但是，有时我们需要将字符串拆分为更小的部分，以便进一步处理。这就是将字符串转换为数组的必要性所在。

方法一：from()

from() 方法是将字符串转换为数组最简单的方法之一。它接受一个字符串作为参数，并返回一个由该字符串的字符组成的数组。

const string = 'Hello, world!';
const array = Array.from(string);
console.log(array); // ['H', 'e', 'l', 'l', 'o', ',', ' ', 'w', 'o', 'r', 'l', 'd', '!']

from() 方法的一个优点是它可以轻松地将任何字符串转换为数组，无论字符串的长度或内容如何。此外，from() 方法还可以将其他可迭代对象转换为数组，例如数组、对象和集合。

方法二：split()

split() 方法是另一种将字符串转换为数组的常用方法。它接受一个分隔符作为参数，并将字符串根据该分隔符拆分为一个数组。

const string = 'Hello, world!';
const array = string.split(',');
console.log(array); // ['Hello', ' world!']

split() 方法的一个优点是它允许我们指定分隔符，以便将字符串拆分为特定的部分。此外，split() 方法还可以通过指定第二个参数来限制返回的数组的长度。

方法三：join()

join() 方法与 split() 方法相反，它将数组转换为字符串。但是，join() 方法也可以用于将字符串转换为数组。

const string = 'Hello, world!';
const array = string.split(',');
const newString = array.join(' ');
console.log(newString); // 'Hello world!'

join() 方法的一个优点是它允许我们指定连接符，以便将数组中的元素连接成一个字符串。此外，join() 方法还可以通过指定第二个参数来省略连接符。

方法四：map()

map() 方法可以将数组中的每个元素映射到一个新值，并返回一个由新值组成的数组。这使得我们可以使用 map() 方法将字符串转换为数组。

const string = 'Hello, world!';
const array = string.split('');
const newString = array.map(char => char.toUpperCase());
console.log(newString); // ['H', 'E', 'L', 'L', 'O', ',', ' ', 'W', 'O', 'R', 'L', 'D', '!']

map() 方法的一个优点是它允许我们对字符串中的每个字符进行操作，并返回一个由操作结果组成的数组。此外，map() 方法还可以通过指定第二个参数来指定映射函数。

方法五：slice()

slice() 方法可以从数组中截取指定范围的元素，并返回一个由这些元素组成的数组。这使得我们可以使用 slice() 方法将字符串转换为数组。

const string = 'Hello, world!';
const array = string.slice(0, 5);
console.log(array); // ['H', 'e', 'l', 'l', 'o']

slice() 方法的一个优点是它允许我们指定截取的范围，以便从字符串中获取特定的部分。此外，slice() 方法还可以通过指定第二个参数来省略截取的结束位置。

方法六：toCharArray()

toCharArray() 方法可以将字符串转换为一个由字符串中的字符组成的字符数组。这使得我们可以使用 toCharArray() 方法将字符串转换为数组。

const string = 'Hello, world!';
const array = string.toCharArray();
console.log(array); // ['H', 'e', 'l', 'l', 'o', ',', ' ', 'w', 'o', 'r', 'l', 'd', '!']