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