Lodash: Scheibe Array und ein bestimmtes Element

Question

Ich habe ein Array von Objekten, die ich von einer API erhalten und 1 der Objekte hat eine "ausgewählte" Eigenschaft. Ich muss dieses Array zerschneiden, um nur 3 Objekte zu haben, und eines der Objekte muss das "ausgewählte" Objekt sein. Ich benutze lodash in einer eckigen Anwendung, aber ich bin nicht darauf beschränkt, wie dies zu erreichen ist, obwohl ich eine Antwort bevorzugen würde, die lodash verwendet. Vielen Dank im Voraus ... Siehe Beispiel unten:

//Sample array 
 
var fruits = [{ 
 
    id: 1, 
 
    fruit: "apple", 
 
    selected: false 
 
}, { 
 
    id: 2, 
 
    fruit: "pear", 
 
    selected: false 
 
}, { 
 
    id: 3, 
 
    fruit: "orange", 
 
    selected: false 
 
}, { 
 
    id: 4, 
 
    fruit: "pineaple", 
 
    selected: false 
 
}, { 
 
    id: 5, 
 
    fruit: "mango", 
 
    selected: true 
 
}, { 
 
    id: 6, 
 
    fruit: "peach", 
 
    selected: false 
 
}, { 
 
    id: 7, 
 
    fruit: "strawberry", 
 
    selected: false 
 
}];

Erwartetes Ergebnis:

var fruits = [{ 
 
    id: 1, 
 
    fruit: "apple", 
 
    selected: false 
 
}, { 
 
    id: 2, 
 
    fruit: "pear", 
 
    selected: false 
 
}, { 
 
    id: 5, 
 
    fruit: "mango", 
 
    selected: true 
 
}];

Answer 1

machen wie 3 Annahmen hier, aber:

var sliced = fruits.slice(0,3); 

for (var i=3; i<fruits.length; i+=1) 
    if (fruits[i].selected) 
     sliced[0] = fruits[i]; 

Answer 2

Nie verstanden die Attraktivität von Unterstrich oder lodash post IE8. Tonnen von exzellenten Convenience-Methoden sind in modernen JS verfügbar. Mehr auf nativen JS Array Methoden hier: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

//Sample array 
    var fruits = [{ 
     fruit: "apple", 
     selected: false 
    }, { 
     fruit: "pear", 
     selected: false 
    }, { 
     fruit: "orange", 
     selected: false 
    }, { 
     fruit: "pineaple", 
     selected: false 
    }, { 
     fruit: "mango", 
     selected: true 
    }, { 
     fruit: "peach", 
     selected: false 
    }, { 
     fruit: "strawberry", 
     selected: false 
    }]; 

function fruitCheck(obj){ 
    var isDesiredFruit = (obj.fruit === 'mango') || 
     (obj.fruit === 'peach') || 
     (obj.fruit === 'strawberry'); 
    return isDesiredFruit; 
} 

var filteredFruits = fruits.filter(fruitCheck); 

Answer 3

Geben Sie diesen einen Schuss:

function getThreeFruits (fruits) { 
    var split = _.partition(fruits, { selected: true }) 
    var selectedFruit = split[0] 
    var twoOtherFruits = split[1].slice(0, 2) 
    return selectedFruit.concat(twoOtherFruits) 
} 

Answer 4

viele Möglichkeiten, um dies zu realisieren! Dies ist ein weiterer Vanilla Javascript, füllen Sie frei zu mischen und entsprechen Ihren tatsächlichen Spezifikationen.

var fruits = [{ 
    fruit: "apple", 
    selected: false 
}, { 
    fruit: "pear", 
    selected: false 
}, { 
    fruit: "orange", 
    selected: false 
}, { 
    fruit: "pineaple", 
    selected: false 
}, { 
    fruit: "mango", 
    selected: true 
}, { 
    fruit: "peach", 
    selected: false 
}, { 
    fruit: "strawberry", 
    selected: false 
}]; 

var selectedFruits = fruits.reduce((result, el) => { 
    if(el.selected) { 
    return Array(el).concat(result).slice(0, 3); 
    } 
    if (result.length > 2) return result; 
    result.push(el); 
    return result; 
}, Array()); 

console.log(selectedFruits); 

Answer 5

var z= _.sortBy(fruits,function(obj){return obj.selected}) 
var result.push(z.slice(0,2)); 
result.push(z[z.length-1]); 

Answer 6

Nachdem alle Antworten Überprüfung habe ich beschlossen, etwas zu verwenden.

return user.userStoreAccesses 
 
    .reduce(function(arr, el) { 
 
    //check if current obj is the defaultStore 
 
    if (el.defaultStore) { 
 
     return [el].concat(arr).slice(0, 3); 
 
    } 
 
    //the moment the array is greater than 2 stop execution 
 
    if (arr.length > 2) { 
 
     return arr; 
 
    } 
 
    //keep pushing items to the array until... 
 
    arr.push(el); 
 
    return arr; 
 
    }, []);

Allerdings habe ich beschlossen, ein wenig einfacher als das gehen durch ein paar lodash Methoden Chaining (die meine ursprüngliche Absicht war). Hier ist das Endergebnis:

return _(user.userStoreAccesses) 
 
    .chain() 
 
    .sortBy("defaultStore") 
 
    .reverse() 
 
    .slice(0, 3) 
 
    .value();

Danke für die Antworten, sie waren sehr hilfreich !! Ich hoffe meine Methode ist auch nützlich für jemand anderen :)