在 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>

在輸出中，我們可以看到包含整數和字串的兩個陣列都被連線並作為字串返回：

更新時間： 2022-09-22

261 次瀏覽

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.