如何將JavaScript陣列轉換為字串？

陣列是您在日常程式設計中可能使用的最流行和最靈活的資料結構。預定義的方法和一些其他技術使將陣列轉換為字串變得簡單。將陣列轉換為JavaScript字串的過程可以通過幾種方法完成，在本文中，我們將探討這些方法。

  • 使用toString()方法

  • 使用join()方法

  • 使用JSON.stringify()方法

  • 使用型別強制轉換

使用toString()方法

有一個內部函式toString()。它是一個內建的JavaScript方法，可以應用於任何JavaScript變數。toString()允許您將幾乎任何東西轉換為字串。

語法

我們可以按照以下語法使用array.toString()方法。

array.toString();

示例

透過下面的示例，使用者將能夠理解如何使用toString()方法將陣列轉換為JavaScript字串。

<html>
<body>
   <h2> Convert an array into JavaScript String. </h2>
   <h4>Using the <i> array.toString() </i> method to convert array to string.</h4>
   <div id = "string"> </div>
    <p id = "result"> </p>
</body>
<script>
   const vehicles = ["car", "bike", "train", "bus"];
   let data = vehicles.toString();
   document.getElementById("string").innerHTML = data;
   document.getElementById("result").innerHTML = typeof data;
</script>
</html>

如果我們檢視輸出，在這種情況下，我們可以看到陣列的每個元素是如何連線到單個JavaScript字串的。

注意 - 請記住，物件陣列不能與toString()方法一起使用，因為它將返回[object Object]而不是實際值。使用JSON.stringify函式將物件陣列轉換為字串。

使用join()方法

為了將陣列的專案組合成一個字串，我們使用array.join()方法。您有時可能需要在將陣列轉換為字串之前刪除陣列中的逗號，這可以透過使用.join()方法來實現，但為此，我們需要傳入一個空字串作為引數。

如果陣列中只有一個元素，則返回元素時不會使用分隔符。

語法

我們可以按照以下語法使用array.join()方法。

array.join()
array.join( separator );

引數

  • 分隔符 - 此引數指定一個字串，用於分割每對相鄰的陣列成員。它是可選的，這意味著它可以作為引數使用，也可以不使用，但逗號是引數的預設值 (,)。

示例

在下面的示例中，我們使用了array.join()方法將陣列的所有元素合併到單個字串中。

<html>
<body>
   <h2>Convert an array into JavaScript String. </h2>
   <h4>Using the <i> array.join() </i> method to convert array to string.</h4>
   <div id = "string"> </div>
   <p id = "result"> </p>
</body>
<script>
   const array = ["Hello", "world", "welcome", "to", "Tutorials", "Point."];
   let data = array.join(' ');
   document.getElementById("string").innerHTML = data;
   document.getElementById("result").innerHTML = typeof data;
</script>
</html>

使用JSON.stringify()方法

JSON.stringify()方法主要用於在將資料傳送到伺服器時將JavaScript物件轉換為字串，因為資料需要是字串。因此，我們可以利用此方法，也可以將JavaScript陣列字串化，從而將陣列的元素轉換為字串。

語法

以下是使用JSON.stringify()方法將陣列轉換為JavaScript字串的語法。

JSON.stringify( value );

引數

  • 值 - 需要轉換為JSON字串的值或陣列。

示例

在下面的示例中，我們將使用JSON.stringify()方法將陣列的元素轉換為字串。它透過將其轉換為物件來返回整個物件或陣列，包括括號。

<html>
<body>
   <h2> Convert an array into JavaScript String. </h2>
   <h4>Using the <i> JSON.stringify() </i> method to convert array to string.</h4>
   <div id = "string"> </div>
   <p id = "result"> </p>
</body>
<script>
   const array = ["Hello", "world", "welcome", "Here."];
   let data = JSON.stringify( array );
   document.getElementById("string").innerHTML = data;
   document.getElementById("result").innerHTML = typeof data;
</script>
</html>

使用型別強制轉換

JavaScript使用一種稱為型別強制轉換的技術來更改值的資料型別。JavaScript支援兩種型別的強制轉換：顯式強制轉換和隱式強制轉換。透過型別強制轉換過程，值從一種型別轉換為另一種型別。

語法

以下是透過型別強制轉換將陣列轉換為JavaScript字串的語法。

let string = String( array ); //explicit coercion
let string = " " + array //implicit coercion

示例

在下面的示例中，我們將使用JavaScript支援的兩種型別的強制轉換（隱式和顯式強制轉換）將陣列的元素轉換為字串。

<html>
<body>
   <h2> Convert an array into JavaScript String. </h2>
   <h4> Using the <i> type coercion </i> method to convert array into string. </h4>
   <p id = "string1"> </p>
   <p id = "result1"> </p>
   <p id = "string2"> </p>
   <p id = "result2"> </p>
</body>
<script>
   const vehicles = ["car", "bike", "train", "bus"];
   var str1 = String(vehicles);
   document.getElementById("string1").innerHTML = str1;
   document.getElementById("result1").innerHTML = typeof str1;
   var str2 = " " + vehicles;
   document.getElementById("string2").innerHTML = str2;
   document.getElementById("result2").innerHTML = typeof str2;
</script>
</html>

在上面的輸出中，使用者可以看到如何使用隱式和顯式強制轉換。如果您希望顯式地將陣列轉換為字串，請選擇“String()”方法；否則，您可以使用“+”運算子隱式地執行此操作。

在本文中，我們使用了四種最常用和最有效的方法，使用原生JavaScript將陣列轉換為字串。所有方法都能正常工作，但應根據使用者的需求使用。

更新於：2022年8月22日

8K+ 瀏覽量

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告