JS: Array.Karte nicht hinzufügen zum array

Habe ich einige Daten, die ich möchte, um eine Transformation mittels Array.prototype.map. Aber in der map-Funktion besteht die Möglichkeit, dass ein Fehler geworfen wird, durch eine externe Funktion aufrufen. Ich möchte fangen Sie diesen Fehler, und nicht hinzufügen, dass bestimmtes Objekt, um die zurückgegebenen array. Momentan bin ich einfach wieder nicht und dann mit Array.prototype.filter zu entfernen, um die undefinierten Werte, aber dies scheint wie eine billige Art und Weise, es zu tun.

Zu klären, ich bin auf der Suche für diese Funktionalität:

['apple','pear','banana', 'peach'].map(function(fruit){
     if (fruit === 'apple') {
         return undefined;
     }
     return 'I love to eat ' + fruit;
});
//['I love to eat pear', 'I love to eat peach', 'I love to eat banana']

Vorhandene implementatons dieser? Bin ich einfach nur über dies der falsche Weg?

Ihr link ist auf der jQuery .map() Methode, nicht die Javascript-Methode.

InformationsquelleAutor jtmarmon | 2014-11-24

9

Mehr lesbar wäre;
```
['apple','pear','banana', 'peach'].filter(function(fruit) {
    return fruit === 'apple';
}).map(function(fruit) {
    return 'I love eating ' + fruit; 
})
```
- Ahh ich mag diese Art und Weise besser. Mithilfe der filter vor der Karte trennt die Aktionen in viel klarer Stücke. danke! edit: @Barmar ist Recht - das ist zwar ein sauberer Weg, es entspricht nicht meinen genauen Fall für jetzt. Ich kann akzeptieren dies trotzdem, weil es funktioniert für andere Zeiten, wo ich hatte das Problem Lesbarkeit
- Während dieser Arbeit, für seine Beispiel-code, es scheint nicht, wie wird es funktionieren, für die Reale Sache. Er sagt, dass er den Aufruf einer Funktion, die einen Fehler melden, und das ist der Fall, er will heraus zu filtern.
- Können Sie prüfen, ob der Fehler vor dem Aufruf der Funktion in .map()?
- Ich hoffe, das hilft, wenn Sie kann jeglichen, weiteren code in das, was verursacht die Fehler, die ich glaube, ich könnte in der Lage sein, zu Bearbeiten meine Antwort!
- Wenn die OP mit einem asynchronen externen Anruf dann glaube ich nicht verwenden, dass die Verwendung .map und .filter ist der richtige Weg zu gehen. Wenn dies der Fall ist würde ich vorschlagen einen Blick auf die async-Bibliothek
- es ist nicht einen asynchronen Aufruf. Barmar - ich kann überprüfen Sie die Fehler-aber es würde am Ende der Suche messier und nicht die Umsetzung werde ich für. Ich werde wickeln Sie die map und filter in eine Methode, die auf Array.prototype und schließen Sie dieses F
InformationsquelleAutor Renato Gama
8

Wenn Sie nicht möchten, verwenden Sie einfach for Schleife, anstatt dann map versuchen reduce diese Weise:

JS:
```
var result = ['apple','pear','banana', 'peach'].reduce(function(prev, curr){
     if (curr === 'apple') {
         return prev;
     }
     prev.push(curr);
     return prev;
}, []);

alert(result);
```
Also die Idee ist, dass im Falle von "Ausnahme", die Sie einfach zurück prev array ohne es zu ändern.
- Sehr clever Verwendung von reduce. Es ist natürlich möglich, ändern Sie den code so, dass push nur durchgeführt wird, wenn eine Bedingung true ist, so dass nur ein einziges return prev, aber das ist eine geringfügige nitpick. )
- Dies ist in der Tat eine clevere Nutzung zu verringern, aber es ist nicht einfacher zu verstehen und einfacher zu Lesen als nur die Filterung imo
- Ja, wahrscheinlich. Allerdings würde ich persönlich gehe mit for/forEach Weg.
- Ich bin nicht einverstanden. Es ist besser als die Schaffung einer anderen Methode im Array.Prototyp, und es ist ziemlich prägnant. Als dieses Stück code wahrscheinlich sein sollte, gekapselt in einer separaten Funktion im Modell, ich habe wirklich das Gefühl, es ist nichts falsch mit dem, was die Sprache uns gibt.
- Dieses code-snippet kann tatsächlich noch weiter gesenkt werden. Immer vermeiden, drängen in den array, wenn Sie können, imo. var result = ['Apfel','Birne','Banane', 'peach'].reduce(function(prev, curr){ if (curr === 'Apfel') { return prev; } return prev.concat(curr); }, []); [/code]
InformationsquelleAutor dfsq
3

Landete ich eine Zusammenlegung der beiden Methoden gemeinsam zu einer auf die Array Prototyp. Wie @Benmj erwähnt, könnte man alternativ diese in einem benutzerdefinierten utility lib.
```
Array.prototype.mapDefinedValues = function(handler) {
  return this.map(function(item){
    return handler(item);
   }).filter(function(item){
    return item !== undefined;
   });
}
```
InformationsquelleAutor jtmarmon
0

Wie gesagt in den Kommentaren, kombinieren Sie diese mit einem filter. Zum Glück, das ist einfach, denn Sie können die Kette array-Methoden:
```
['apple','pear','banana', 'peach'].map(function(fruit){
     if (fruit === 'apple') {
         return undefined;
     }
     return 'I love to eat ' + fruit;
}).filter(function (item) { return item; });
```
update

Einer der Mieter der funktionalen Programmierung ist, dass Sie das erstellen von einfachen Bausteinen, die keine Nebenwirkungen haben. Was die OP beschreibt im wesentlichen das hinzufügen einer Nebenwirkung zu .map, und diese Art von Verhalten sollte vermieden werden.
- Er sagte, das ist, was er gerade tut.
- Also Tat er. Er sagte auch, es "fühlt sich schmutzig." Es sollte nicht sein. 🙂
- guter Punkt. dies ist, was die Karte tun soll. stattdessen werde ich die Implementierung einer neuen Methode auf Array.prototype dass automatisch verbindet die beiden
- Als eine Frage des Stils, ich Neige dazu, zu vermeiden, hinzufügen von Methoden der integrierten Prototypen. (Viele Leute haben gesagt, Crockford als einer) Anstelle, Schaffe ich mir mein eigenes "Unterstrich-wie" utility-Bibliothek für die funktionale Programmierung auf einer pro-Projekt-basis.
- Aber Ihre Allgemeine Ansatz der Herstellung einer neuen Funktion aus bestehenden ist völlig solide.
- Gute Idee. Vielen Dank für Eure Hilfe 🙂
- Das wäre sogar mehr lesbar: .map(toSomething).filter(outUndefined) wenn Sie definieren toSomething und outUndefined als Funktionen separat irgendwo 🙂
InformationsquelleAutor Benmj
0

Die Antwort oben kann noch weiter gesenkt werden.

Diesem code-snippet kann tatsächlich noch weiter gesenkt werden. Immer vermeiden, drängen in den array, wenn Sie können, imo.
```
var result = ['apple','pear','banana', 'peach'].reduce(function(prev, curr){
   if (curr === 'apple') {
     return prev;
   }
   return prev.concat(curr);
  }, []);
```
InformationsquelleAutor user3619165

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

update