如何使用 JavaScript/jQuery 展平数组？

JavaScript 包含许多数组（或二维数组），任务是展平数组并使其看起来像一维 JavaScript 数组。下面讨论两种方法。您还可以将 Underscore.js _.flatten() 与示例一起使用。

方法一：使用Array.prototype.concat.apply()方法进行操作。 concat()和apply()方法用于将数组连接到一维数组。

• 例子：

    
  
      
          How to flatten array with
          the JavaScript?
      
        
      
          body {
              text-align: center;
          }
            
          h1 {
              color: green;
          }
      
  
    
  
      GeeksforGeeks
        
      
        
      
          click here
      
        
      
        
      
          var up = document.getElementById('GFG_UP');
          var down = document.getElementById('GFG_DOWN');
          var arr1 = [1, 2, 3];
          var arr2 = [4, 5, 6, 7];
          var arr = [arr1, arr2, 8, 9];
            
          up.innerHTML = "Click on button to get "
                  + "the common elements from these"
                  + " array <br>Array -[[" + arr[0]
                  + "], [" + arr[1] + "], " + arr[2]
                  + ", " + arr[3] + "]";
    
          function GFG_Fun() {
              down.innerHTML = 
                  Array.prototype.concat.apply([], arr);
          }
      
  
    

• 输出：
  

方法二：可以使用jQuery中的$.map()方法来执行操作。此方法将数组和方法作为输入。第二个参数是一个方法，一个接一个地获取原始数组的元素并返回它的元素。

• 例子：

    
  
      
          How to flatten array with
          the JavaScript?
      
        
      
          body {
              text-align: center;
          }
            
          h1 {
              color: green;
          }
      
      
      
  
    
  
      GeeksforGeeks
        
      
        
      
          click here
      
        
      
        
      
          var up = document.getElementById('GFG_UP');
          var down = document.getElementById('GFG_DOWN');
          var arr1 = [1, 2, 3];
          var arr2 = [4, 5, 6, 7];
          var arr = [arr1, arr2, 8, 9];
            
          up.innerHTML = "Click on button to get the"
                  + " common elements from these array"
                  + "<br>Array - [[" + arr[0] + "], ["
                  + arr[1] + "], " + arr[2] + ", " 
                  + arr[3] + "]";
    
          function GFG_Fun() {
              down.innerHTML = $.map(arr, function(n) {
                  return n;
              });
          }
      
  
    

• 输出：