千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 在JavaScript中将字符串转换为数组的6种方法

在JavaScript中将字符串转换为数组的6种方法

来源:千锋教育
发布人:syq
时间: 2022-09-21 11:50:17 1663732217

  数组是脚本中最强大的数据结构。我发现自己通过将字符串转换为数组来解决许多算法。因此,我想到整合和比较各种方法来做同样的事情。从字符串到数组的转换总是使用该方法完成的,但是在ES6之后,我们可以执行许多工具。让我们逐一介绍每种方法,并讨论每种方法的优缺点。split()

字符串转换为数组

  1. 使用 .split(“):

  split()是一个字符串方法,它将字符串拆分为具有模式的有序列表数组。这是一种 ES6 方法,是完成工作的最干净方法。

31

  这种方式的另一个优点是我们可以用字符或空格分隔字符串。以下是我们如何做到这一点的示例。

32

  它也适用于正则表达式。您可以在此处找到的完整文档。split()

  这种方式完美地将字符串元素分离到一个数组中,但它有其局限性。

  注意:此方法不适用于不常见的 Unicode 字符。此方法返回字符的 Unicode 而不是实际字符,这可能会使我们的工作更加复杂(请参阅此处),但 MDN 文档已更新,以便如果我们只包含标志,我们可以使其与 Unicode 一起使用 。

34

  2. 使用跨页语法))

  这是ES2015的功能,使过渡变得非常容易。

35

  我们在这里消除了我们在 中的限制也有所帮助。请考虑以下示例。我们可以使用此方法轻松拆分任何字符。split()

36

  3. 使用数组:

  该方法从可迭代或类似数组的对象创建新的浅层复制实例。Array. from()Array

37

  此方法在处理不常见的字符时不会引起任何问题。

38

  4. 使用对象

  该方法将所有属性从一个或多个源对象复制到目标对象。但是,关于这种方法,有两件事要记住。一种是复制称为深层复制的属性值(请参阅此处以了解深层复制和浅层复制之间的区别)。在使用此方法之前,必须牢记这一点,然后再使用它。Object. assign()Object. assign()

39

  另一个是我们遇到了与该方法相同的问题:它无法分离不常见的字符(我们看到Unicode而不是实际字符)。split()

40

  5. 使用老式的方法(用于循环和数组。

  尽管我们有很多选择可以玩,但我不得不提到这个老式的方法,我们使用 和 数组方法 推送字符串的元素 。for looppush()

  这不是最干净的方式,但绝对值得一提的是那些想要远离JavaScript不断变化的复杂性的人(尽管我更喜欢其他方式)。

41

  此外,它适用于不常见的(Unicode)字符。请看下面的例子。

  6. 使用数组

  请参阅此博客以了解有关方法的更多信息。.slice.call()

42

  此方法也存在与该方法相同的问题,因此在使用它时要注意。split()

43

  结论:

  总而言之,以下是我们可以完成这项工作的方法。

44

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT