Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

スプレッド演算子を使用してJavaScriptで2つ以上の配列を結合するにはどうすればよいですか？

2つは2つ以上の配列を結合し、 array.concat（）という組み込みメソッドがあります。 。ただし、 Spread を使用すると、配列をはるかに簡単に結合できます。 オペレーター。

構文

var merged = [...arr1, ...arr2];

拡散せずに配列をマージしてみましょう オペレーター。

次の例では、スプレッドの代わりに 演算子、 array.concat（） メソッドは2つの配列を結合するために使用されます。

例

<html>
<body>
   <script>
      var arr1 = [1,2,3];
      var arr2 = [4,5,6];
      var merged = arr1.concat(arr2);
      document.write(merged);
   </script>
</body>
</html>

出力

1,2,3,4,5,6

スプレッド演算子

次の例では、スプレッド 演算子は2つの配列を結合するために使用されます。

例

<html>
<body>
   <script>
      var arr1 = [1,2,3];
      var arr2 = [4,5,6];
      var merged = [...arr1, ...arr2];
      document.write(merged);
   </script>
</body>
</html>

出力

1,2,3,4,5,6

次の例では、スプレッド 演算子は、3つの配列を結合するために使用されます。 concat（）を使用する 方法より多くの配列がある場合は困難ですが、スプレッドを使用します 演算子は、より多くの数の配列を結合するのは非常に簡単です。

例

<html>
<body>
   <script>
      var arr1 = [1,2,3];
      var arr2 = [4,5,6];
      var arr3 = [7,8,9];
      var merged = [...arr1,...arr2,...arr3];
      document.write(merged);
   </script>
</body>
</html>

出力

1,2,3,4,5,6,7,8,9

  1. JavaScriptで2つの配列を結合する方法は？

    以下は、JavaScriptで2つの配列を結合するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>   &

  2. JavaScriptで2つの配列を乗算する方法は？

    以下は、JavaScriptで2つの配列を乗算するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>   &