如何在JavaScript中使用传播算子克隆数组?

克隆 不过是一个数组复制 到另一个数组而已。在过去,slice()方法用于克隆 数组,但是ES6提供了spread  operator(...)来简化我们的任务。让我们讨论两种方法。

克隆使用slice()方法  

示例

在下面的示例中,slice()方法用于复制 数组。slice()用于将数组从一个索引切成另一个索引。由于没有提供索引,slice()方法将对整个数组进行切片 。切片后,使用赋值 运算符(=)将切片的部分复制到另一个数组中。 

<html>
<body>
   <script>
      const games = ['cricket', 'hockey', 'football','kabaddi'];
      const clonegames = games.slice();
      document.write(clonegames);
   </script>
</body>
</html>

输出结果

cricket,hockey,football,kabaddi


使用传播算子克隆

Es6带来了许多新功能,其中扩展 运算符是主要功能。该运算符有许多用途,克隆 就是其中之一。 

示例

<html>
<body>
   <script>
      const games = ['cricket', 'hockey', 'football','kabaddi'];
      const clonegames = [...games];
      document.write(clonegames);
   </script>
</body>
</html>

输出结果

cricket,hockey,football,kabaddi