如何將 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+ 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.