ein Objekt in .each Iteration zurückkehrend - JavaScript

Question

Ich habe ein Objekt Category genannt, die ein Verfahren verwendet eine Reihe von Produkten (Product) iterieren und eine Instanz zurück, die die this.name === query Bedingung erfüllt: Mein

function Category(products){ 
    this.products = products; 
    this.findProductByName = function(query){ 
    $(this.products).each(function(){ 
     return this.name === query; 
    } 
    } 
} 

Product (für alle Fälle):

function Product(name){ 
    this.name = name; 
} 

ich eine Instanz von Category mit Produkten erstellen Sie dann:

var $someCategory = new Category(
    [ 
     new Product('foo'), 
     new Product('bar') 
    ] 
)` 

und wenn ich rufe:

$someCategory.findProductByName('foo'); // 'undefined' 

obwohl:

... 
this.findProductByName = function(query){ 
    $(this.products).each(function(){ 
    console.log(this.name === query); // returns 'true' 
    } 
} 
... 

Was kann ich tun, um ein Objekt zurückzugeben, wenn this.name === query erfüllt ist?

Answer 1

Sie müssen eine herkömmliche Schleife mit einer Rückgabe (oder Karte/reduzieren) verwenden, damit Ihre Funktion das übereinstimmende Ergebnis zurückgibt. Die einzelnen Funktionen führen für jedes Element im Array eine Operation aus, führen keine Filterung durch und ignorieren den zurückgegebenen Wert.

Try this:

this.findProductByName = function(query) { 
    for (var i = 0; i < this.products.length; i++) { 
    if (this.products[i].name === query) 
    { 
     return this.products[i]; 
    } 
    } 
} 

Auch FYI, Es ist normal, Argumente in die each() Funktion zu übergeben, die das aktuelle Element identifizieren wird iteriert, wenn diese mit dem Umfang Thema für 'this'

$(this.products).each(function(index, value) { 
    alert(index + ": " + value); 
}); 

hilft beseitigen

Answer 2

Müssen Sie jQuery verwenden? Können Sie stattdessen die Array-Filter-Methode ...

function Category(products){ 
    this.products = products; 
    this.findProductByName = function(query){ 
    return this.products.filter(function(item){ 
     return item.name === query; 
    }); 
    }; 
}