假设我有一个包含四个对象的数组:
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…在循环?
当前回答
看起来在ECMAScript 6提案中有数组方法find()和findIndex()。MDN还提供了可以包含在所有浏览器中获得这些功能的腻子。
find ():
function isPrime(element, index, array) {
var start = 2;
while (start <= Math.sqrt(element)) {
if (element % start++ < 1) return false;
}
return (element > 1);
}
console.log( [4, 6, 8, 12].find(isPrime) ); // undefined, not found
console.log( [4, 5, 8, 12].find(isPrime) ); // 5
findIndex ():
function isPrime(element, index, array) {
var start = 2;
while (start <= Math.sqrt(element)) {
if (element % start++ < 1) return false;
}
return (element > 1);
}
console.log( [4, 6, 8, 12].findIndex(isPrime) ); // -1, not found
console.log( [4, 6, 7, 12].findIndex(isPrime) ); // 2
其他回答
让这个答案的最佳/最快部分更具可重用性和清晰性:
function getElByPropVal(myArray, prop, val){
for (var i = 0, length = myArray.length; i < length; i++) {
if (myArray[i][prop] == val){
return myArray[i];
}
}
}
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(结果)
使用find和bind将特定的键值传递给回调函数。
function byValue(o) {
return o.a === this.a && o.b === this.b;
};
var result = jsObjects.find(byValue.bind({ a: 5, b: 6 }));
如果我理解正确的话，你想在数组中找到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;
});
