如何将数组转换为 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( 分隔符 );
参数
分隔符 − 此参数指定用于划分每对相邻数组成员的字符串。它是可选的，这意味着它可以用作参数，也可以不用作参数，但逗号是参数的默认值 (,)。
示例
在下面的示例中，我们使用 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 );
参数
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 ); //显式强制 let string = " " + array //隐式强制
示例
在下面的示例中，我们将使用隐式和显式强制(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 将数组转换为字符串。所有方法都可以正常工作，但应根据用户的需求使用。
