jQuery | map() 方法

jQuery 中的map()方法用于将数组或对象中的所有项目转换为新的项目数组。

句法：

jQuery.map( array/object, callback )

参数：此方法接受上面提到和下面描述的两个参数：

• 数组/对象：此参数保存要转换的数组或对象。
• 回调：此参数包含处理每个项目的函数。

返回值：它返回数组。

下面的例子说明了 jQuery 中map() 方法的使用：

示例 1：此示例使用jQuery.map() 方法并返回数组元素的平方。

  

    
    JQuery | map() method
    
    
  

  

  
     
        GeeksforGeeks 
    
  
    JQuery | map() method
    Array = [2, 5, 6, 3, 8, 9]
    
    
    Click
    
    
    
  
    
        function geek() {
            var el = document.getElementById('root');
            var arr = [2, 5, 6, 3, 8, 9];
  
            var newArr = jQuery.map(arr, function(val, index) {
                return {
                    number: val,
                    square: val * val
                };
            })
            el.innerHTML = JSON.stringify(newArr);
        }
    

  

输出：

示例 2：此示例使用map() 方法将字符’A’ 与名称的每个字符连接起来。

  

    
    JQuery | map() method
    
    
  

  

  
     
        GeeksforGeeks 
    
  
    JQuery | map() method
    String = "Shubham"
    
    
    Click
    
    
    
  
    
        function geek() {
            var el = document.getElementById('root');
            var name = "Shubham";
            name = name.split("");
  
            // New array of character and names  
            // concatenated with 'A'  
            var newName = jQuery.map(name, function(item) {
                return item + 'A<br>';
            })
            el.innerHTML = newName;
        }
    

  
                     

输出：