JavaScript 通过逗号将字符串拆分为数组

Mehvish Ashiq 2023年10月12日
  1. 在 JavaScript 中使用 split() 方法通过逗号将字符串拆分为数组
  2. 在 JavaScript 中使用带有 Array 类对象的 split() 方法通过逗号将字符串拆分为数组
  3. 在 JavaScript 中使用用户定义的函数通过逗号将字符串拆分为数组
JavaScript 通过逗号将字符串拆分为数组

本文展示了如何在 JavaScript 中通过逗号将字符串拆分为数组。为此,我们可以使用 split() 方法。

此方法将指定的 String 划分为子字符串的有序列表,将这些子字符串保存到数组中并返回该数组。

它根据 separator 分割字符串;它可以是单个空格逗号冒号或任何其他模式。这意味着当在提供的字符串中找到分隔符时,split() 方法在每个点拆分一个字符串,将每个子字符串放入一个数组并返回它(数组)。

让我们从最简单的例子开始。

在 JavaScript 中使用 split() 方法通过逗号将字符串拆分为数组

示例代码:

var courses =
    'Machine Learning, Python Programming, JavaScript Programming, Data Structures';
var array = courses.split(',');
// returns "object" because array is one of object's type.
console.log(typeof (array));
console.log(array);

输出:

"object"
["Machine Learning", " Python Programming", " JavaScript Programming", " Data Structures"]

在上面的代码示例中,我们将一个名为 courses 的字符串用逗号拆分为数组,并将返回的数组保存到一个 array 变量中。

为确保我们已成功将其转换为数组,我们可以使用 typeof 检查 array 的类型或将其打印在屏幕上。我们在上面的例子中使用了两种方式。

通过使用下面给出的代码,我们也可以得到与上面给出的类似结果。

var courses =
    'Machine Learning, Python Programming, JavaScript Programming, Data Structures';
var array = courses.split`,`;
console.log(typeof (array));
console.log(array);

输出:

"object"
["Machine Learning", " Python Programming", " JavaScript Programming", " Data Structures"]

在 JavaScript 中使用带有 Array 类对象的 split() 方法通过逗号将字符串拆分为数组

示例代码:

var intArray = '1,3,5,6';
var array = new Array();
array = intArray.split(',');

console.log(typeof (array));
console.log(array);

for (var element in array) {
  array[element] = parseInt(array[element], 10);
}

console.log(typeof (array));
console.log(array);

输出:

"object"
["1", "3", "5", "6"]
"object"
[1, 3, 5, 6]

在上面的代码片段中,我们将一串数字保存到 intArray 变量中。然后,我们创建一个 Array 类的对象来保存 split() 方法返回的数组。

请注意,split() 输出字符串数组,但我们正在寻找整数数组。

为此,我们可以遍历 split() 方法返回的数组,并使用 parseInt() 方法将它们转换为整数。

请记住,array 变量类型不会改变。它仍然是一个对象;见上面的输出。

除了 for 循环,我们还可以使用数组的 map() 方法和 parseInt() 来转换成整数。map() 方法通过为每个数组元素调用另一个函数来创建一个新数组。

它为数组的每个元素调用一次定义的函数,而不更改原始数组。请记住,它不会为空元素调用函数。

请参阅以下代码。

var intArray = '1,3,5,6';
var array = new Array();
array = intArray.split(',').map(element => parseInt(element, 10));
console.log(array);

输出:

[1, 3, 5, 6]

在 JavaScript 中使用用户定义的函数通过逗号将字符串拆分为数组

示例代码:

var intArray = '1,3,5,6';
function splitTheStringByComma(CommaSeparatedString) {
  var resultedArray = null;
  if (CommaSeparatedString != null) {
    var separator = ',';
    if (CommaSeparatedString.indexOf(separator) >= 0) {
      resultedArray = CommaSeparatedString.split(separator);
    } else {
      resultedArray = [CommaSeparatedString];
    }
  }
  return resultedArray;
}
console.log(splitTheStringByComma(intArray));

输出:

["1", "3", "5", "6"]

在本例中,我们将 intArray 传递给 splitTheStringByComma() 函数,该函数检查字符串是否为 null。如果不是,那么它会向前移动并查看字符串是否有逗号。

如果是,则每次出现逗号(,)时拆分并保存到 resultedArray 中;否则,转到 else 并将提供的字符串保存到 resultedArray 中,因为字符串中有一个元素。

作者: Mehvish Ashiq
Mehvish Ashiq avatar Mehvish Ashiq avatar

Mehvish Ashiq is a former Java Programmer and a Data Science enthusiast who leverages her expertise to help others to learn and grow by creating interesting, useful, and reader-friendly content in Computer Programming, Data Science, and Technology.

LinkedIn GitHub Facebook

相关文章 - JavaScript String

相关文章 - JavaScript Array