假设我有一个包含四个对象的数组:
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…在循环?
当前回答
使用underscore.js:
var foundObject = _.findWhere(jsObjects, {b: 6});
其他回答
实现需求的方法:
使用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[我]); ｝ ｝
使用_怎么样?找到(收集、谓语= _。[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()。
jsObjects.find(x => x.b === 6)
中数:
如果数组中的元素满足提供的测试函数，find()方法将返回数组中的一个值。否则返回undefined。
附注:像find()和箭头函数这样的方法不被旧的浏览器(如IE)所支持，所以如果你想支持这些浏览器，你应该使用Babel编译你的代码。
通过特定的属性值从对象数组中获取第一个对象:
function getObjectFromObjectsArrayByPropertyValue(objectsArray, propertyName, propertyValue) { return objectsArray.find(function (objectsArrayElement) { return objectsArrayElement[propertyName] == propertyValue; }); } function findObject () { var arrayOfObjectsString = document.getElementById("arrayOfObjects").value, arrayOfObjects, propertyName = document.getElementById("propertyName").value, propertyValue = document.getElementById("propertyValue").value, preview = document.getElementById("preview"), searchingObject; arrayOfObjects = JSON.parse(arrayOfObjectsString); console.debug(arrayOfObjects); if(arrayOfObjects && propertyName && propertyValue) { searchingObject = getObjectFromObjectsArrayByPropertyValue(arrayOfObjects, propertyName, propertyValue); if(searchingObject) { preview.innerHTML = JSON.stringify(searchingObject, false, 2); } else { preview.innerHTML = "there is no object with property " + propertyName + " = " + propertyValue + " in your array of objects"; } } } pre { padding: 5px; border-radius: 4px; background: #f3f2f2; } textarea, button { width: 100% } <fieldset> <legend>Input Data:</legend> <label>Put here your array of objects</label> <textarea rows="7" id="arrayOfObjects"> [ {"a": 1, "b": 2}, {"a": 3, "b": 4}, {"a": 5, "b": 6}, {"a": 7, "b": 8, "c": 157} ] </textarea> <hr> <label>property name: </label> <input type="text" id="propertyName" value="b"/> <label>property value: </label> <input type="text" id="propertyValue" value=6 /> </fieldset> <hr> <button onclick="findObject()">find object in array!</button> <hr> <fieldset> <legend>Searching Result:</legend> <pre id="preview">click find</pre> </fieldset>
如果您正在寻找一个单一的结果，而不是一个数组，我是否可以建议减少?
这里是一个简单的'ole javascript解决方案，如果存在，返回一个匹配的对象，如果不存在，则返回null。
var result = arr.reduce(function(prev, curr) { return (curr.b === 6) ? curr : prev; }, null);
