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

骑猪看日落 2022-08-29 14:55 305阅读 0赞

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

> 英文 | 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"]

# **2、展开运算符** #

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

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

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

# **3、解构赋值** #

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

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

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

# **4、Array.from** #

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

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

**重点说明**

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

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

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

推荐阅读

[重磅！超详细的 JS 数组方法整理出来了][JS]

关注下方「前端开发博客」，回复 “加群”

加入我们一起学习，天天进步

![e78709bbb9f7d3296e72af42e2fbf5e9.png][]

**如果觉得这篇文章还不错，来个【分享、点赞、在看】三连吧，让更多的人也看到~**

[JS]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83db8ac5b4ac03d3e7176f99cab7ac0077852cf2a37e68522c47d334bc94706cee719e5cdd29&idx=1&mid=2650085280&scene=21&sn=ef259df2e75594dea8f0b259539dfad9#wechat_redirect
[e78709bbb9f7d3296e72af42e2fbf5e9.png]: /images/20220829/90387882b90e4e5daf0c94c60f846dbc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，305人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java将Object转换为数组的代码教程方法

今天在使用一个别人写的工具类，这个工具类，主要是判空操作，包括集合、数组、Map等对象是否为空的操作。下面展示了一部分代码： public static boolean

àì夳堔傛蜴生んèń/ 2023年09月26日 19:57/ 0 赞/ 94 阅读

相关将类数组转换为数组的方法

开发过程中，有很多时候获取到的是类似数组的对象。比如元素的集合（elementcollection,nodeList，以及今天开发时发现classList也是类数组）。有时我们

朱雀/ 2023年08月17日 15:29/ 0 赞/ 116 阅读

相关扁平化数组的几种方法（将多为数组转换成一维数组）

function flat(arr) { var result = []; for(var i=0; i<arr.length; i++

客官°小女子只卖身不卖艺/ 2023年06月03日 15:59/ 0 赞/ 549 阅读

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

大家好，我是漫步，分享几个简单地将字符串转为数组的方法。 > 英文 | https://javascript.plainenglish.io/4-ways-of-tra

骑猪看日落/ 2022年08月29日 14:55/ 0 赞/ 306 阅读

相关字符串与字节数组字符数组的转换

总结一下直接看例子： //字符串转成字节数组 String str = "yuanyue"; byte[] by = Str.getByte

缺乏、安全感/ 2022年06月10日 04:44/ 0 赞/ 315 阅读

相关 java数组和字符串相互转换

字符串转数组数组转字符串字符串转数组方法一：直接使用String的 .split()方法： public class JavaMeth

怼烎@/ 2022年05月19日 08:13/ 0 赞/ 258 阅读

相关 js 数组和字符串的转换

1、数组转字符串 let _arr = [1, 2, 3, 4, 5] _arr.join(',') // '1,2,3,4,5'

痛定思痛。/ 2022年03月18日 09:22/ 0 赞/ 292 阅读

相关对象转换数组的方法

//将对象转成数组 function objectToArray($obj)\{ $obj = (array)$obj; foreach ($obj

矫情吗；*/ 2022年03月09日 07:46/ 0 赞/ 284 阅读

相关字符数组和字符串之间的转换

一、字符数组转字符串 char\[\] cs= \{'h','e','l','l','o'\}; String s=new String(cs); 二、字符串转字符数组

客官°小女子只卖身不卖艺/ 2022年01月08日 00:47/ 0 赞/ 372 阅读

相关 PHP字符串转为数组。数组转为字符串，数组和字符串相互转换

php 字符串转数组【字符串 -> 数组】 //核心方法 explode （字符串 -> 数组） $str = '1,2,3,4,5'; $arra

清疚/ 2021年08月29日 21:26/ 0 赞/ 590 阅读