This time I will show you how jquery traverses an array, what are the precautions for jquery traversing an array, the following is a practical case, let's take a look.
The example in this article describes the use of map function in jquery to traverse arrays. Share it with everyone for your reference. The details are as follows:
<!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>I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!
Recommended reading:
Detailed explanation of the steps for jQuery ajax to call WCF service
Summary of jQuery method of getting page width and height
The above is the detailed content of How to traverse an array in jquery. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
