在jQuery中,涉及对象操作的工具函数只有一个,那就是$.each()。实际上,$.each()不仅可以用于遍历数组,还可以用于遍历对象。
语法:
$.each(obj, function(key, value){
……
})
说明:
在$.each()方法中,第1个参数obj是一个对象,第2个参数是一个匿名函数。该匿名函数有两个形参:key表示“键”;value表示“值”。
如果需要退出each循环,可以在回调函数中返回false,即return false。
从语法上看,$.each()用于遍历数组,跟用于遍历对象,是完全不一样的。这一点小伙伴们要重点区分一下。
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
var person = {
name:"helicopter",
age:25,
hobby:"swimming"
};
$.each(person, function(key, value){
console.log(value);
})
})
</script>
</head>
<body>
</body>
</html>
控制台输出结果如下图所示。
分析:
对于$.each()方法来说,我们可以使用两种方式来获取键的值:obj[key]、value。
$.each(person, function(key, value){
console.log(value);
})
上面代码其实可以等价于:
$.each(person, function(key, value){
console.log(person[key]);
})