字符串转换为数组的4 个方法

最新推荐文章于 2024-07-24 14:31:30 发布

前端开发博客

最新推荐文章于 2024-07-24 14:31:30 发布

阅读量10w+

点赞数 63

文章标签：字符串 javascript js 编程语言 python

本文介绍了将字符串转换为字符数组的四种方法：1) 使用split()方法，但不处理双字节字符；2) 扩展运算符(...)，能正确处理包括表情在内的字符；3) 解构赋值，利用剩余模式转换；4) 使用Array.from()方法，同样能正确转换。这四种方法各有优劣，适用于不同场景。

摘要由CSDN通过智能技术生成

大家好，我是漫步，分享几个简单地将字符串转为数组的方法。

英文 | https://javascript.plainenglish.io/4-ways-of-transforming-a-string-into-an-array-of-characters-8649e3abfd8d

翻译 | 杨小二

在某些情况下，我们希望将字符串转换为字符数组。通常，我们要进行这种转换以使用强大的数组方法。

以下是可以完成此任务的 4 种方法。

1、split() 方法

常见的转换技术是split字符串方法，但这也是有问题的一种。

通过使用空字符串作为split方法的分隔符，我们可以将字符串转换为字符数组。

const text = "abc";
const chars = text.split('');
console.log(chars);
//['a', 'b', 'c']

该split方法无法正确处理采用两个代码单元（如表情符号）的字符。下面是一个例子。

const text = "abc????";
const chars = text.split('');
console.log(chars);
//["a", "b", "c", "\ud83d", "\ude0e"]

展开运算符 ( ...) 允许在需要多个元素（如数组文字）的地方扩展诸如字符串之类的可迭代对象。

这是将字符串扩展为字符数组的示例。正确处理采用两个代码单元的字符。

const text = "abc????";
const chars = [ ...text ];
console.log(chars);
//["a", "b", "c", "????"]

解构赋值语法可以将数组或可迭代对象中的值解包为不同的变量。

在解构数组或可迭代对象时，我们可以使用 rest 模式将其剩余部分提取到单个变量中。

const text = "abc????";
const [ ...chars ] = text;
console.log(chars);
//["a", "b", "c", "????"]

Array.from辅助创建从阵列状或迭代的对象的新数组。字符串既可迭代又类似于数组，因此，可以成功地将其转换为字符数组。

const text = "abc????";
const chars = Array.from(text);
console.log(chars);
//["a", "b", "c", "????"]

重点说明

该split方法可能是将字符串转换为字符数组的常用方法，但它不处理采用两个代码单元的字符。

我们可以使用对象字面量中的扩展运算符、使用数组解构赋值语法中的剩余模式或Array.from实用程序将字符串正确转换为字符数组。

感谢你的阅读，希望对你有用。