假设我有一个包含四个对象的数组:
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…在循环?
当前回答
我不知道为什么你反对for循环(大概你指的是for循环，而不是特别针对..in)，它们快速且易于阅读。不管怎样，这里有一些选择。
For循环:
function getByValue(arr, value) {
for (var i=0, iLen=arr.length; i<iLen; i++) {
if (arr[i].b == value) return arr[i];
}
}
.filter
function getByValue2(arr, value) {
var result = arr.filter(function(o){return o.b == value;} );
return result? result[0] : null; // or undefined
}
.forEach
function getByValue3(arr, value) {
var result = [];
arr.forEach(function(o){if (o.b == value) result.push(o);} );
return result? result[0] : null; // or undefined
}
另一方面，如果你真的想要for..in，并且想要找到一个带有任何值为6的属性的对象，那么你必须使用for..in，除非你传递名称来检查。
例子
function getByValue4(arr, value) {
var o;
for (var i=0, iLen=arr.length; i<iLen; i++) {
o = arr[i];
for (var p in o) {
if (o.hasOwnProperty(p) && o[p] == value) {
return o;
}
}
}
}
其他回答
var result = jsObjects.filter(x=> x.b === 6);
会更好，在过滤器中使用return有时你无法得到结果(我不知道为什么)
var jsObjects = [{a: 1, b: 2}, {a: 3, b: 4}, {a: 5, b: 6}, {a: 7, b: 8}];
要访问第三个对象，使用:jsObjects[2]; 要访问第三个对象b的值，使用:jsObjects[2].b;
我不知道为什么你反对for循环(大概你指的是for循环，而不是特别针对..in)，它们快速且易于阅读。不管怎样，这里有一些选择。
For循环:
function getByValue(arr, value) {
for (var i=0, iLen=arr.length; i<iLen; i++) {
if (arr[i].b == value) return arr[i];
}
}
.filter
function getByValue2(arr, value) {
var result = arr.filter(function(o){return o.b == value;} );
return result? result[0] : null; // or undefined
}
.forEach
function getByValue3(arr, value) {
var result = [];
arr.forEach(function(o){if (o.b == value) result.push(o);} );
return result? result[0] : null; // or undefined
}
另一方面，如果你真的想要for..in，并且想要找到一个带有任何值为6的属性的对象，那么你必须使用for..in，除非你传递名称来检查。
例子
function getByValue4(arr, value) {
var o;
for (var i=0, iLen=arr.length; i<iLen; i++) {
o = arr[i];
for (var p in o) {
if (o.hasOwnProperty(p) && o[p] == value) {
return o;
}
}
}
}
参见本文档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 }
好吧，有几种方法可以做到这一点，但让我们从最简单也是最新的方法开始，这个函数叫做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}]
