如何在 JavaScript 中將二維陣列轉換為 CSV 字串？-js教程-PHP中文網

如何在 JavaScript 中將二維陣列轉換為 CSV 字串？

王林

發布： 2023-09-05 21:01:02

轉載

1113 人瀏覽過

如何在 JavaScript 中将二维数组转换为 CSV 字符串？

CSV（逗號分隔值）檔案格式是應用程式和資料儲存之間交換資料的一種流行方式。 CSV 檔案格式簡單易懂，許多應用程式和程式語言都支援它。

在 JavaScript 中，有多種方法可以將資料數組轉換為 CSV 字串。在本教程中，我們將介紹兩種流行的方法：Array.join() 方法和 JSON.stringify() 方法。

使用Array.join()方法

Array.join()方法是JavaScript Array物件的內建方法。它可用於將數組的元素連接成單一字串。 Array.join() 方法接受可選的分隔符號參數。此參數可用於指定用作陣列元素之間分隔符號的字元或字串。

如果未指定分隔符號參數，則 Array.join() 方法將使用逗號 (,) 作為預設分隔符號。

範例

以下範例示範如何使用Array.join() 方法將資料數組轉換為CSV 字串-

<html>
<head>
   <title>example- Using the Array.join() Method</title>
</head>
<body>
   <h2> Array join() Method </h2>
   <div id="result"></div>
   <script>
      var data = [ ["Name","Age","City"], ["John","30","New York"], ["Jane","40","London"] ];
      var csvString = data.join( " " )
      document.getElementById("result").innerHTML = `csvString: ${csvString} <br> Type of csvString: ${typeof csvString}`;
   </script>
</body>
</html>

登入後複製

在上面的範例中，我們有一個數據數組，需要將其轉換為CSV 字串。我們使用 Array.join() 方法來執行此操作，並指定空白字元 ( ) 作為分隔符號。

使用 JSON.stringify() 方法

< p>將資料數組轉換為 CSV 字串的另一種流行方法是使用 JSON.stringify() 方法。 JSON.stringify() 方法是 JavaScript JSON 物件內建的方法。它可用於將 JavaScript 物件轉換為 JSON 字串。

JSON.stringify() 方法接受可選的替換參數。此參數可用於指定一個函數，該函數將用於在字串化資料之前轉換資料。

範例

以下範例顯示如何使用JSON.stringify()將資料數組轉換為CSV 字串的方法-

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var data = [ ["Name","Age","City"], ["John","30","New York"], ["Jane","40","London"] ];
      function replacer( key, value ) {
          return value.toString().replace( /,/g, " " );
      }
      var csvString = JSON.stringify( data, replacer );
      var csvString = csvString.replaceAll(&#39;"&#39;, &#39;&#39;)
      var csvString = csvString.replaceAll(" ", &#39;,&#39;)
      document.getElementById("result").innerHTML = csvString
   </script>
</body>
</html>

登入後複製

在上面的範例中，我們有一個資料數組，需要將其轉換為CSV 字串。我們使用 JSON.stringify() 方法來執行此操作，並指定替換函數。