当前位置:   article > 正文

JavaScript split() 方法——如何在 JS 中将字符串拆分为数组_js split

js split

通常,字符串 string 表示编程语言中的字符序列。

让我们看一个使用字符序列创建的字符串示例,“Yes, You Can DO It!”。在 JavaScript 中,我们可以通过两种方式创建字符串:

  • 直接使用字符串文字
const msg = "Yes, You Can DO It!";
  • 使用 String() 构造器作为一个对象
const msg = new String("Yes, You Can DO It!");

JavaScript 中关于字符串的一个有趣事实是,我们可以使用字符串的索引访问字符串中的字符。第一个字符的索引是 0,它递增 1。因此,我们可以像这样访问字符串的每个字符:

  1. let str = "Yes, You Can Do It!";
  2. console.log(str[0]); // Y
  3. console.log(str[1]); // e
  4. console.log(str[2]); // s
  5. console.log(str[3]); // ,
  6. console.log(str[10]); // a

下图代表了同样的事情:

通过索引读取字符串的字符

除了通过索引访问字符串字符的能力之外,JavaScript 还提供了大量实用方法来访问字符、取出字符串的一部分并对其进行操作。

在这篇文章中将学习一个方便的字符串方法,split()

JavaScript 中的 split() 方法

split() 方法根据 splitter(或分隔符)将字符串拆分(划分)为两个或多个子字符串。分隔符可以是单个字符、另一个字符串或正则表达式。

将字符串拆分为多个子字符串后,split() 方法将它们放入一个数组中并返回。它不会对原始字符串进行任何修改。

让我们通过一个例子来了解这是如何实现的。这是一个字符串:

let message = 'I am a Happy Go lucky Guy';

我们可以在 message 字符串上调用 split() 方法。让我们根据空格('  ')字符拆分字符串。这里的空格字符充当分隔符。

  1. // Split using a space character
  2. let arr = message.split(' ');
  3. // The array
  4. console.log(arr); // ["I", "am", "a", "Happy", "Go", "lucky", "Guy"]
  5. // Access each of the elements of the array.
  6. console.log(arr[0]); // "I"
  7. console.log(arr[1]); // "am"
  8. console.log(arr[2]); // "a"
  9. console.log(arr[3]); // "Happy"
  10. console.log(arr[4]); // "Go",
  11. console.log(arr[5]); // "lucky"
  12. console.log(arr[6]); // "Guy"

split() 方法的主要目的是从字符串中获取你感兴趣的块,以便在之后的用例中使用它们。

如何按每个字符拆分字符串

你可以使用空字符串('')作为分隔符按每个字符拆分字符串。在下面的示例中,我们使用空字符串拆分相同的消息。拆分的结果将是一个包含消息字符串中所有字符的数组。

console.log(message.split('')); // ["I", " ", "a", "m", " ", "a", " ", "H", "a", "p", "p", "y", " ", "G", "o", " ", "l", "u", "c", "k", "y", " ", "G", "u", "y"]
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/木道寻08/article/detail/856054
推荐阅读
相关标签