艾Q网

标题: jquery接收一个对象数组并过滤 [打印本页]

作者: admin 时间: 2023-11-20 20:17
标题: jquery接收一个对象数组并过滤
jQuery是一个快速、简洁的JavaScript库，它在网页开发中非常常见。在开发过程中，我们经常需要接收一个对象数组。下面是一个使用jQuery接收一个对象数组的例子：

var arr = [
{name: '张三', age: 18},
{name: '李四', age: 20},
{name: '王五', age: 22}
];
$.each(arr, function(index, val) {
console.log(val.name);
});
jquery接收一个对象数组

以上代码中，我们创建了一个对象数组arr，该数组包含了三个具有name和age属性的对象。使用jQuery的each()方法，我们遍历了数组中的所有对象，并输出了每个对象的name属性值。

如果我们希望选出其中年龄大于20岁的人，可以这样做：

var arr = [
{name: '张三', age: 18},
{name: '李四', age: 20},
{name: '王五', age: 22}
];
var filteredArr = $.grep(arr, function(val, index) {
return val.age >20;
});
$.each(filteredArr, function(index, val) {
console.log(val.name);
});
以上代码中，我们使用了jQuery的grep()方法过滤掉了年龄小于等于20岁的对象，并将结果保存在了filteredArr数组中。然后使用each()方法遍历了filteredArr数组，并输出了每个对象的name属性值。

欢迎光临艾Q网 (http://js.iqi123.com/bbs/)