博客

JQuery map()方法

  • Post category:jquery

JQuery map()方法

JQuery的map()方法用于将一个数组中的每个元素传递给一个函数，然后返回一个新的数组，该数组包含函数返回的值。本文将详细介绍`map方法的语法和用法，并提供两个示例。

语法

以下是map()方法的基本语法：

$.map(array, callback);

在这个语法中，array是要处理的数组；callback是一个函数，用于处理数组中的每个元素。

示例1：将数组中的元素转换为大写字母

以下是一个示例，演示如何使用map()方法将数组中的元素转换为大写字母：

var arr = ["", "banana", "cherry"];

var newArr = $.map(arr, function(val, i) {
  return val.toUpperCase();
});

console.log(newArr); // ["APPLE", "BANANA", "CHERRY"]

在这个示例中，我们创建了一个包含三个元素的数组arr。然后，我们使用map()方法将arr中的每个元素转换为大写字母，并将结果存储在新数组newArr中。最后，我们使用console.log()方法输出了newArr的值。可以看到，newArr的值为["APPLE", "BANANA", "CHERRY"]，与arr中的元素相同，但是所有字母都变成了大写。

示例2：将数组中的元素加倍

以下是另一个示例，演示如何使用map()方法将数组中的元素加倍：

var arr = [1, 2, 3];

var newArr = $.map(arr, function(val, i) {
  return val * 2;
});

console.log(newArr); // [2, 4, 6]

在这个示例中，我们创建了一个包含三个元素的数组arr。然后，我们使用map()方法将arr中的每个元素加倍，并将结果存储在新数组newArr中。最后，我们使用console.log()方法输出了newArr的值。可以看到，newArr的值为[2, 4, 6]，是arr中每个元素的两倍。

综上所述，map()方法用于将一个数组中的每个元素传递给一个函数，然后返回一个新的数组，该数组包含函数返回的值。本文详细介绍了map()方法的语法和用法，并提供了两个示例说明。

Tags: