数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究在 JavaScript 中将数组连接成字符串
给定的任务是在 JavaScript 中执行将数组连接成字符串的操作。
输入-输出场景
让我们看看一些输入-输出场景。假设有一个数组包含一些元素，我们尝试将该数组连接成字符串。
Input = [32, 45, 65, 12, 07, 55]; Output = 32, 45, 65, 12, 07, 55 //String
让我们再看一个场景，其中我们有两个数组，我们尝试将这两个数组连接起来并形成一个字符串。
Array1 = [123, 453, 656, 654, 125, 757]; Array2 = ["Hello", "honey", "bunny"]; Output = 123, 453, 656, 654, 125, 757, Hello, honey, bunny //String
Array.join() 方法
方法join()将连接数组中的所有元素，并以字符串的形式返回它们。此方法接受一个表示分隔符的字符串值作为参数。
此方法连接所有由指定分隔符分隔的元素。默认情况下，逗号 (,) 被视为分隔符。
语法
以下是 Array.join() 方法的语法，此方法仅接受单个参数：
Array.join(seperator);
示例 1
单个数组
在下面的示例中，我们有一个包含一些元素的数组，并使用Join()方法连接了数组元素。此方法以字符串形式返回数组元素。
<!DOCTYPE html> <html> <title>Joining single array to form string in JavaScript</title> <head> <p id="para1"></p> <p id="para2"></p> <p id="para3"></p> </head> <body> <script> const snacks = ["Pizza", "Waflle", "Donut"]; let string1 = snacks.join(); document.getElementById("para1").innerHTML = string1; let string2 = snacks.join(' | '); document.getElementById("para2").innerHTML = string2; let string3 = snacks.join(''); document.getElementById("para3").innerHTML = string3; </script> </body> </html>
在输出中，我们向join()方法传递了一些特定的分隔符，它相应地以字符串的形式返回。
Concat() 方法
当需要连接两个或多个数组时，concat()方法将起作用。
concat()方法将连接两个或多个数组，并返回一个包含连接数组元素的新数组。此方法不会更改或修改现有数组。
语法
以下是concat()方法的语法：
array1.concat(array2, array3, .....arrayN);
其中，要连接的数组。
此方法将返回在一个新数组中连接的所有数组。
示例 2
使用多个数组
在下面的示例中；我们声明了两个以上的数组，并使用concat()方法连接了这些数组，它将返回一个数组。
现在，使用join()方法，我们连接了那个新的连接数组，并以字符串的形式返回它。
<!DOCTYPE html> <html> <title> Joining arrays to form string in JavaScript</title> <head> <p id="para1"></p> <p id="para2"></p> </head> <body> <script> const Breakfast = ["Dosa", "Idly", "Poha", "Upma"]; const snacks = ["Pan cakes", "Waflle", "Donut"]; const drinks = ["Thumsup", "Sprite"]; const arr = Breakfast.concat(snacks, drinks); document.getElementById("para1").innerHTML = arr; let string = arr.join(" + "); document.getElementById("para2").innerHTML = string; </script> </body> </html>
在输出中，我们可以看到第一个输出是数组形式，稍后我们连接了那个连接数组，并以字符串格式返回它们：
示例 3
这里，我们创建了一个包含整数值的数组和另一个包含字符串值的数组。数组被连接并返回一个新数组，其中包含两个数组的元素。现在，新数组通过join()方法连接，并作为字符串返回。
<!DOCTYPE html> <html> <title> Joining arrays to form string in JavaScript</title> <head> <p id="para1"></p> <p id="para2"></p> </head> <body> <script> const num = [45, 99, 83, 54]; const snacks = ["Pan cakes", "Waflle", "Donut"]; const arr = num.concat(snacks); document.getElementById("para1").innerHTML = arr; let string = arr.join(" - "); document.getElementById("para2").innerHTML = string; </script> </body> </html>
在输出中，我们可以看到包含整数和字符串的两个数组都被连接并作为字符串返回：
261 次浏览
