如何将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.