Heim > Artikel > Web-Frontend > Anwendungsbeispiel einer Kartenfunktion, die das Array in jquery_jquery durchläuft

Anwendungsbeispiel einer Kartenfunktion, die das Array in jquery_jquery durchläuft

WBOYOriginal: 2016-05-16 15:58:251118Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung der Map-Funktion in JQuery zum Durchlaufen von Arrays. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>map函数</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
/*注意map函数不能处理json格式对象的数组。*/
$(function () {
  var arr = [3, 6, 9];
  ShowArray(arr);
  //调用jquery的map方法  用来将一个数组，转成另一个数组
  //var arrChange = $.map(arr, function (item) { return item * 2; });
  //ShowArray(arrChange);
  //调用自己实现的mymap方法，达到和jquery的map方法一样的功能
  var myfunc = function (item) { return item * 2 };
  var arrChange = MyMap(arr, myfunc);
  ShowArray(arrChange);
});
//自己实现一个类似jquery的map方法
function MyMap(arr, func) {
  var newArray = new Array(arr.length);
  for (var i = 0; i < arr.length; i++) {
    newArray[i] = func(arr[i]);
  }
  return newArray;
}
function ShowArray(arr) {
  var output = "";
  for (var i = 0; i < arr.length; i++) {
    if (output == "") {
      output = arr[i];
    }
    else {
      output += "," + arr[i];
    }
  }
  alert(output);
}
</script>
</head>
<body>
</body>
</html>

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Implementierungsmethode für JQuery-Registrierungsereignisse: method_jqueryNächster Artikel：Implementierungsmethode für JQuery-Registrierungsereignisse: method_jquery

In Verbindung stehende Artikel

Mehr sehen