Le bloc-notes professionnel d'un développeur front-end senior
Source: How to sum all of values from specific key in object?
J’ai cet objet:
|
1 |
var arr = [{ 'credit': 1, 'trash': null }, { 'credit': 2, 'trash': null}] |
…et je veux effectuer la somme de toutes les valeurs de la clé credit (ce qui me retournerait « 3 » dans le cas de mon tableau).
|
1 2 |
arr.reduce((total, obj) => obj.credit + total,0) // 3 |
Source: Accessing nested JavaScript objects and arrays by string path et demo.
Mon chemin dynamique était, par exemple, de ce type: const combinedPath = buildPath( $_THIS ) + "." + matchingThreshold;. Le problème venait du fait qu’il n’était pas interprété par javascript comme un chemin mais comme une chaîne de caractères (un console.log m’affichait quelque chose d’aplati du style: priceTable.<=2.size[0].100 au lieu de m’afficher la valeur stockée dans l’objet priceTable qui correspondait au chemin <=2.size[0].100).
Afin que le chemin construit dynamiquement via javascript ne soit pas interprété comme une chaîne de caractères, nous pouvons utiliser la fonction suivante:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
Object.byString = function(o, s) { s = s.replace(/\[(\w+)\]/g, '.$1'); // convert indexes to properties s = s.replace(/^\./, ''); // strip a leading dot var a = s.split('.'); for (var i = 0, n = a.length; i < n; ++i) { var k = a[i]; if (k in o) { o = o[k]; } else { return; } } return o; } |
Utilisation:
|
1 |
Object.byString(someObj, 'part3[0].name'); |
Source: Removing elements from an array of objects based on duplicate values of multiple keys
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
var arr = [ { type_id: "3", full_empty:"true", quantity:1}, { type_id: "3", full_empty:"true", quantity:1}, { type_id: "9", full_empty:"true", quantity:4}, { type_id: "9", full_empty:"false", quantity:4}, { type_id: "9", full_empty:"true", quantity:4}, { type_id: "9", full_empty:"true", quantity:4}, { type_id: "9", full_empty:"true", quantity:4} ]; var a = arr.reduce(function (accumulator, current) { if (checkIfAlreadyExist(current)) { return accumulator } else { return accumulator.concat([current]); } function checkIfAlreadyExist(currentVal) { return accumulator.some(function(item){ return (item.type_id === currentVal.type_id && item.full_empty === currentVal.full_empty); }); } }, []); console.log(a); |