假设我有一个包含四个对象的数组:
var jsObjects = [
{a: 1, b: 2},
{a: 3, b: 4},
{a: 5, b: 6},
{a: 7, b: 8}
];
是否有一种方法，我可以通过属性b的值获得第三个对象({a: 5, b: 6})例如，没有a for…在循环?
当前回答
如果我理解正确的话，你想在数组中找到b属性为6的对象?
var found;
jsObjects.some(function (obj) {
if (obj.b === 6) {
found = obj;
return true;
}
});
或者如果你使用下划线:
var found = _.select(jsObjects, function (obj) {
return obj.b === 6;
});
其他回答
jsObjects.find(x => x.b === 6)
中数:
如果数组中的元素满足提供的测试函数，find()方法将返回数组中的一个值。否则返回undefined。
附注:像find()和箭头函数这样的方法不被旧的浏览器(如IE)所支持，所以如果你想支持这些浏览器，你应该使用Babel编译你的代码。
对象的过滤器数组，属性与值匹配，返回数组:
var result = jsObjects.filter(obj => {
return obj.b === 6
})
请参阅Array.prototype.filter()上的MDN文档
const jsObjects = [ {a: 1, b: 2}， {a: 3, b: 4}， {a: 5, b: 6}， {a: 7, b: 8} ］ let result = jsObjects。过滤器(obj => { 返回obj。B === 6 }) console.log(结果)
找到数组中第一个元素/对象的值，否则返回undefined。
var result = jsObjects.find(obj => {
return obj.b === 6
})
请参阅Array.prototype.find()上的MDN文档
const jsObjects = [ {a: 1, b: 2}， {a: 3, b: 4}， {a: 5, b: 6}， {a: 7, b: 8} ］ let result = jsObjects。Find (obj => { 返回obj。B === 6 }) console.log(结果)
实现需求的方法:
使用Array.find()方法:
const jsObject = [ {a: 1, b: 2}， {a: 3, b: 4}， {a: 5, b: 6}， {a: 7, b: 8} ]; const filteredResult = jsObject.find((e) => e.b == 6); console.log (filteredResult);
使用Array.filter()方法:
const jsObjects = [ {a: 1, b: 2}， {a: 3, b: 4}， {a: 5, b: 6}， {a: 7, b: 8} ]; const filterObj = jsObjects.filter((e) => e.b == 6); console.log (filterObj [0]);
使用……循环中:
const jsObjects = [ {a: 1, b: 2}， {a: 3, b: 4}， {a: 5, b: 6}， {a: 7, b: 8} ]; for (const i in jsObjects) { 如果(jsObjects[我]。B == 6) { console.log (jsObjects[我]); ｝ ｝
如果我理解正确的话，你想在数组中找到b属性为6的对象?
var found;
jsObjects.some(function (obj) {
if (obj.b === 6) {
found = obj;
return true;
}
});
或者如果你使用下划线:
var found = _.select(jsObjects, function (obj) {
return obj.b === 6;
});
参见本文档Array.prototype.find()
例子:
var inventory = [
{name: 'apples', quantity: 2},
{name: 'bananas', quantity: 0},
{name: 'cherries', quantity: 5}
];
function findCherries(fruit) {
return fruit.name === 'cherries';
}
console.log(inventory.find(findCherries));
// { name: 'cherries', quantity: 5 }
