如何使用 JavaScript 以相反的顺序在数组上使用 map()？

给定一个 JavaScript 数组，任务是应用map() 方法，但在数组的反面有效。以下是讨论的几种方法。如果您不想更改原始数组，那么您可以创建数组的浅表副本，然后您可以执行任务。

方法 1：想法是在应用.slice() 方法之后使用.reverse( ) 方法。然后在反转数组上使用.map() 方法来执行任务。

• 示例：此示例实现了上述方法。

    
  
      
          How to use map() on an array in
          reverse order with JavaScript ?
      
    
      
          body {
              text-align: center;
          }
          h1 {
              color: green;
          }
          #geeks {
              font-weight: bold;
          }
      
  
    
  
      GeeksforGeeks
        
      
          Click on the button to use
          map() on array in 
          reverse order
          Array = [1, 3, 5, 7, 9, 10];
      
        
      
          Click Here
      
        
      
        
      
          var el_down = document.getElementById("geeks");
          var arr = [1, 3, 5, 7, 9, 10];
    
          /* Main function */
          function gfg_Run() {
              newArr = arr.slice(0).reverse().map(
                  function(val, index) {
                      return val * 2;
                  }
              );
                
              el_down.innerHTML = "New Array = ["
                                  + newArr + "]";
          }
      
  
    

• 输出：
  

方法 2：在这种方法中，我们将使用.map() 方法并使用 2 个参数（值、索引）调用此方法内部的函数。现在我们需要访问该值，我们将从反面访问它（例如..arr[arr.length – 1 – index]），这是不可变操作（它不会改变原始数组）。

示例：此示例实现了上述方法。

  

    
        How to use map() on an array in
        reverse order with JavaScript ?
    
      
    
        body {
            text-align: center;
        }
        h1 {
            color: green;
        }
        #geeks {
            font-weight: bold;
        }
    

  

    GeeksforGeeks
      
    
        Click on the button to use 
        map() on array in 
        reverse order
        Array = [8, 5, 15, 70, 9, 10];
    
      
    
        Click Here
    
      
    
      
    
        var el_down = document.getElementById("geeks");
        var arr = [8, 5, 15, 70, 9, 10];
          
        /* Main function */
        function gfg_Run() {
            newArr = arr.map((val, index, array) => 
                    1/2*arr[arr.length - 1 - index]);
              
            el_down.innerHTML = "New Array = ["
                                + newArr + "]";
        }
    

  

输出：