假设我有一个包含四个对象的数组:
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…在循环?
假设我有一个包含四个对象的数组:
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…在循环?
当前回答
jsObjects.find(x => x.b === 6)
中数:
如果数组中的元素满足提供的测试函数,find()方法将返回数组中的一个值。否则返回undefined。
附注:像find()和箭头函数这样的方法不被旧的浏览器(如IE)所支持,所以如果你想支持这些浏览器,你应该使用Babel编译你的代码。
其他回答
使用_怎么样?找到(收集、谓语= _。[fromIndex=0])的low -dash从对象数组中通过对象属性值获取对象。你可以这样做:
var o = _.find(jsObjects, {'b': 6});
参数:
collection (Array|Object): The collection to inspect.
[predicate=_.identity] (Function): The function invoked per iteration.
[fromIndex=0] (number): The index to search from.
返回
(*): Returns the matched element (in your case, {a: 5, b: 6}), else undefined.
在性能方面,_.find()更快,因为它只提取第一个具有属性{'b': 6}的对象,另一方面,如果假设你的数组包含多个具有匹配属性集(key:value)的对象,那么你应该考虑使用_.filter()方法。因此,在您的情况下,由于您的数组只有一个具有此属性的对象,我将使用_.find()。
好吧,有几种方法可以做到这一点,但让我们从最简单也是最新的方法开始,这个函数叫做find()。
当你使用find to时要小心,因为即使是IE11也不支持它,所以它需要被转译…
你有了这个物体
var jsObjects = [
{a: 1, b: 2},
{a: 3, b: 4},
{a: 5, b: 6},
{a: 7, b: 8}
];
你可以这样写一个函数:
function filterValue(obj, key, value) {
return obj.find(function(v){ return v[key] === value});
}
然后像这样使用函数:
filterValue(jsObjects, "b", 6); //{a: 5, b: 6}
在ES6中也有缩短版本:
const filterValue = (obj, key, value)=> obj.find(v => v[key] === value);
该方法只返回第一个匹配…,为了获得更好的结果和浏览器支持,你可以使用filter:
const filterValue = (obj, key, value)=> obj.filter(v => v[key] === value);
返回[{a: 5, b: 6}]…
此方法将返回一个数组…
你也可以简单地使用for循环,创建一个这样的函数:
function filteredArray(arr, key, value) {
const newArray = [];
for(i=0, l=arr.length; i<l; i++) {
if(arr[i][key] === value) {
newArray.push(arr[i]);
}
}
return newArray;
}
像这样叫它:
filteredArray(jsObjects, "b", 6); //[{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;
});
你可以像下面这样使用箭头函数:
var demoArray = [
{name: 'apples', quantity: 2},
{name: 'bananas', quantity: 0},
{name: 'cherries', quantity: 5}
];
var result = demoArray.filter( obj => obj.name === 'apples')[0];
console.log(result);
// {name: 'apples', quantity: 2}
参见本文档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 }