JavaScript 通過逗號將字串拆分為陣列
- 
          
            在 JavaScript 中使用 
split()方法通過逗號將字串拆分為陣列 - 
          
            在 JavaScript 中使用帶有 
Array類物件的split()方法通過逗號將字串拆分為陣列 - 在 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 中,因為字串中有一個元素。
相關文章 - JavaScript String
- 在 JavaScript 中獲取字串的最後一個字元
 - 在 JavaScript 中將字串轉換為日期
 - 在 JavaScript 中從字串中獲取第一個字元
 - 在 JavaScript 中將陣列轉換為字串
 - 在 JavaScript 中檢查字串是否相等
 - JavaScript 中的單引號與雙引號
 
