Powiedzmy, że mam tablicę z czterema obiektami:
var jsObjects = [
{a: 1, b: 2},
{a: 3, b: 4},
{a: 5, b: 6},
{a: 7, b: 8}
];
Czy istnieje sposób, w jaki mogę uzyskać trzeci obiekt ({a: 5, b: 6}
) przez wartość właściwości b
na przykład bez pętli for...in
?
Filter
tablica obiektów, których właściwość pasuje do wartości, zwraca tablicę:
var result = jsObjects.filter(obj => {
return obj.b === 6
})
Zobacz MDN Docs on Array.prototype.filter()
const jsObjects = [
{a: 1, b: 2},
{a: 3, b: 4},
{a: 5, b: 6},
{a: 7, b: 8}
]
let result = jsObjects.filter(obj => {
return obj.b === 6
})
console.log(result)
Znajduje
wartość pierwszego elementu/obiektu w tablicy, w przeciwnym razie zwracana jest wartość undefined
.
var result = jsObjects.find(obj => {
return obj.b === 6
})
Zobacz MDN Docs on Array.prototype.find()
const jsObjects = [
{a: 1, b: 2},
{a: 3, b: 4},
{a: 5, b: 6},
{a: 7, b: 8}
]
let result = jsObjects.find(obj => {
return obj.b === 6
})
console.log(result)
Nie wiem, dlaczego jesteś przeciwny pętli for (przypuszczalnie miałeś na myśli pętlę for, a nie konkretnie for..in), są one szybkie i łatwe do odczytania. Tak czy inaczej, oto'kilka opcji.
Pętla 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
}
Jeśli z drugiej strony naprawdę miałeś na myśli for..in i chcesz znaleźć obiekt z dowolną właściwością o wartości 6, to musisz użyć for..in, chyba że podasz nazwy do sprawdzenia. np.
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;
}
}
}
}
Jeśli dobrze rozumiem, chcesz znaleźć obiekt w tablicy, którego właściwością b
jest 6
?
var found;
jsObjects.some(function (obj) {
if (obj.b === 6) {
found = obj;
return true;
}
});
Albo gdybyś używał podkreślenia:
var found = _.select(jsObjects, function (obj) {
return obj.b === 6;
});