JS字元串轉化為數組的完整指南

在編寫JavaScript程序時，將字元串轉換為數組是非常常見的任務。這個過程主要涉及到將字元串分割成一個個的子串，然後把它們存儲到一個數組中。今天，我們將從多個方面介紹如何在JS中完成這個任務，以及如何使用一些流行的方法。讓我們一步一步來。

一、split()方法

字元串分割是將字元串打破成多個部分的一個過程。分割的主要目的是將大字元串分離成一系列小字元串，這些字元串都是由分隔符分開的。在JavaScript中實現字元串分割的方法，就是使用String對象的split()方法。

    
    let str = "apple,banana,peach";
    let arr = str.split(",");
    console.log(arr); // ["apple", "banana", "peach"]
    

上述代碼中，我們先聲明一個字元串變數str，它包含逗號分隔的三個水果名稱。我們然後使用split()方法將字元串轉換為數組，並將結果存儲在一個名為arr的數組變數中。最後，我們使用console.log()方法列印出數組。

split()函數還可以使用正則表達式來分割字元串。例如，下面的代碼把一個字元串分割成一個包含多個數字的數組：

    
    let str = "1, 2, 3, 4, 5";
    let arr = str.split(/\s*,\s*/);
    console.log(arr); // ["1", "2", "3", "4", "5"]
    

在此示例中，我們通過一個正則表達式來分割字元串。正則表達式使用\s*和，\s*來匹配分隔符前後的任何空格。這樣就可以防止在數組中生成不必要的空字元串。

二、slice()方法

另一種將字元串轉換為數組的方法是使用String對象的slice()方法。這個方法從一個字元串中提取子串，並將這些子串存儲到一個數組中。

    
    let str = "Hello, world!";
    let arr = str.slice(7);
    console.log(arr); // "world!"
    

在上面的代碼中，我們使用slice()方法從字元串的第七個字元開始提取子串，並把這個子串存儲在變數arr中。需要注意的是，在這個例子中，返回的值仍是一個字元串，而不是一個數組。如果我們想把字元串分割成多個字元串，則得使用多次slice()操作：

    
    let str = "apple,banana,peach";
    let arr = [];

    let i = 0;
    while (i < str.length) {
        let comma = str.indexOf(",", i);
        if (comma == -1) {
            arr.push(str.slice(i));
            break;
        }
        arr.push(str.slice(i, comma));
        i = comma + 1; 
    }

    console.log(arr); // ["apple", "banana", "peach"]
    

在此代碼中，我們使用一個while循環，找出逗號的位置，並使用slice()方法從字元串中提取子串。每次迭代後，我們將提取的子串添加到數組中。在此過程中，我們還需要考慮最後一個子串，因為它後面沒有逗號表示結束。因此，在while循環中，我們還要做一些額外的邏輯處理。

三、ES6的split()方法擴展

ES6版本的JavaScript中，split()方法得到了一些新的特性。下面是一些最常用的擴展：

1.指定返回數組長度

在原生的split()方法中，返回的組數沒有上限。但是在ES6版本中，你可以指定你想要返回的最大分割數。例如，下面是一個將字元串分割成最多兩個部分的示例：

    
    let str = "apple,banana,peach";
    let arr = str.split(",", 2);
    console.log(arr); // ["apple", "banana"]
    

2.支持Symbol類型的分隔符

在ES6中，你還可以使用Symbol類型作為分隔符，這是一種新類型。用Symbol類型作為分隔符的代碼如下：

    
    const sym = Symbol();
    const str = `apple${sym}banana${sym}peach`;
    const arr = str.split(sym);
    console.log(arr); // ["apple", "banana", "peach"]
    

3.支持空字元串作為分隔符

在ES6中，split()方法還允許使用空字元串作為分隔符。這樣，它就可以對字元串中的每個字元進行分割，生成一個包含字元的數組。例如：

    
    let str = "apple";
    let arr = str.split("");
    console.log(arr); // ["a", "p", "p", "l", "e"]
    

四、總結：

這就是本文將JS字元串轉換為數組的過程詳細講解。我們提到了三種方法，其中包括原生的split()方法、slice()方法和ES6擴展的方法。通過本文，你應該掌握了這個基本但不斷出現在JavaScript中的任務。如果你有任何問題或意見，我們歡迎你在評論區和我們分享