在 JavaScript 中將字串轉換為陣列

1. 使用 JSON.parse() 表示式將字串轉換為陣列
2. 使用 Array.from() 表示式將字串轉換為陣列
3. 使用 ... 擴充套件運算子將字串轉換為陣列

我們將介紹 JavaScript 中將字串轉換為陣列的三種方法。我們將轉換如何將字串轉換為數值陣列以及轉換為字串陣列。

使用 JSON.parse() 表示式將字串轉換為陣列

JSON.parse() 表示式用於將從 Web 伺服器接收到的資料解析為物件和陣列。如果接收到的資料是 JSON 物件的形式，它會將其轉換為 JavaScript 物件。而且，如果資料是從陣列派生的 JSON 值，JSON.parse() 會將資料轉換為 JavaScript 陣列。我們可以使用 JSON.parse() 將逗號分隔的數字字串轉換為陣列。我們可以將括號與字串連線起來，將其轉換為數字陣列。

例如，建立一個變數 data 並將值 0,1,2,3 作為字串儲存在變數中。在 data 變數上使用 JSON.parse() 並連線變數前後的左括號和右括號。將表示式儲存在變數 arr 中。然後，在控制檯中記錄變數。此外，在控制檯中記錄 typeof 陣列的第一個元素。

在下面的示例中，我們將一串數字轉換為一組數字。我們可以使用 typeof 關鍵字知道陣列項的型別。輸出部分顯示陣列元素屬於 number 型別。

示例程式碼：

var data = '0,1,2,3';
var arr = JSON.parse('[' + data + ']');
console.log(arr)
console.log(typeof arr[0])

輸出：

(4) [0, 1, 2, 3]
number

使用 Array.from() 表示式將字串轉換為陣列

Array.from() 方法允許你從特定長度的字串建立陣列。我們可以將需要轉換的字串傳入方法中，方法將其轉換為字串陣列。但是，如果我們有 .，這種方法沒有幫助。在字串之間，因為它還會將 , 新增到字串陣列中。

例如，建立一個變數 num 並將值 1234 作為字串儲存在變數中。使用物件 Array 呼叫 from() 方法並提供 num 變數作為函式中的引數。將表示式儲存在變數 arr 中。然後，使用 console.log() 在控制檯中顯示變數。此外，在控制檯中記錄 typeof 陣列的第一個元素。

下面的示例將數字字串轉換為字串陣列。字串的每個字元都被轉換為陣列的字串元素。輸出部分顯示陣列元素是 string 型別。

示例程式碼：

var num = '1234';
var arr = Array.from(data);
console.log(arr)
console.log(typeof arr[0])

輸出：

(4) ["1", "2", "3", "4"]
string

使用 ... 擴充套件運算子將字串轉換為陣列

展開運算子由三個點表示，後跟變數 ...data。它是一個廣泛使用的 ES6 函式。此方法將字串轉換為字串陣列。但是，如果我們在字串之間使用逗號，則此方法沒有用，因為它還會將 , 新增到字串陣列中。我們可以傳遞包含大括號內字串的變數。在變數之前，我們可以新增三個點。即 [...data]。

例如，將值 1234 作為字串儲存在變數 data 中。將變數 data 寫入括號內並在其前新增三個點。將此表示式儲存在變數 arr 中。然後，在控制檯中記錄變數。此外，在陣列的第一個元素之前使用 typeof 關鍵字並將其登入到控制檯。

在示例中，我們將一串數字轉換為一個字串陣列，就像第二種方法一樣。但是，這一次，我們使用了擴充套件運算子。輸出部分顯示陣列元素是 string 型別。

示例程式碼：

var data = '1234';
var arr = [...data];
console.log(arr)
console.log(typeof arr[0])

輸出：

(4) ["1", "2", "3", "4"]
string