在 JavaScript 中将数组拆分为块

我们有一个大数组，我们想把它分成块。所以这些是很少的方法来做到这一点。

• 拼接（）
  此方法在数组中添加/删除项目，并返回已删除项目的列表。
  句法：

  array.splice(index, number, item1, ....., itemN)
  

  参数：

  • index：此参数是必需的。它指定在什么位置添加/删除项目的整数，负值有助于指定从末尾开始的位置。
  • number：这个参数是可选的。它指定要删除的项目数。 0 表示，没有可删除的内容。
  • item1, ....., itemN：此参数是可选的。这指定要添加到数组的新项目。

  返回值：
  返回一个新数组，其中包含已删除的项目。

• 片（）
  此方法返回一个包含所选元素的新数组。
  此方法从给定的 start 参数开始选择元素，并在给定的 end 参数处结束，但不包括在内。
  句法：

  array.slice(start, end)
  

  参数：

  • start：此参数是可选的。它指定从哪里开始选择的整数（第一个元素在索引 0 处）。负数用于从数组的末尾进行选择。如果不使用，它就像“0”
  • end：此参数是可选的。它指定结束选择的整数。如果不使用，则从数组开始到结束的所有元素都将包含在选择中。负数用于从末尾选择。

  返回值：
  返回一个新的数组，其中包含选定的项目。

示例 1：此示例使用slice()方法将数组拆分为数组块。这种方法可以重复使用来分割任意大小的数组。

  

    
        JavaScript 
      | Split array into chunks.
    

  

      
            GeeksForGeeks  
        
    
  
    
    
        click here
    
    
    
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var i, j, chunk = 4;
        var array = [1, 2, 3, 4, 5, 6, 7, 8];
        el_up.innerHTML = array;
  
        function gfg_Run() {
            var array1 = 
                array.slice(0, chunk);
            
            var array2 =
                array.slice(chunk, chunk + array.length);
            
            el_down.innerHTML = array1 + ' and ' + array2;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例使用splice()方法将数组拆分为数组块。此方法从原始数组中删除项目。这种方法可以重复使用来分割任意大小的数组。

  

    
        JavaScript 
      | Split array into chunks.
    

  

      
            GeeksForGeeks  
        
    
  
    
    
        click here
    
    
    
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var i, j, chunk = 2;
        var array = [1, 2, 3, 4, 5, 6, 7, 8];
        el_up.innerHTML = array;
  
        function gfg_Run() {
            var array1 = array.splice(0, chunk);
            var array2 = array.splice(0, chunk);
            var array3 = array.splice(0, chunk);
            var array4 = array.splice(0, chunk);
            el_down.innerHTML = array1 + ' | ' 
                              + array2 + ' | '
                              + array3 + ' | '
                              + array4;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：