Obtenir la ou les valeurs maximales dans un tableau JSON
J'essaie de créer une fonction JavaScript qui extrait les informations d'un tableau d'un JSON externe, puis prend la valeur maximale (ou les 5 premières valeurs) de l'une des variables JSON. Pour cet exemple, supposons que je souhaite obtenir la valeur maximale pour la valeur "ppg". Voici un petit échantillon du tableau:
[
{
"player" : "Andre Drummond",
"team" : "Detroit Pistons",
"ppg" : "15.4",
"rpg" : "11.6",
"apg" : "2.4",
"bpg" : "1.6",
"spg" : "0.8",
"3pg" : "0.1"
},
{
"player" : "Anthony Davis",
"team" : "New Orleans Pelicans",
"ppg" : "16.4",
"rpg" : "13.6",
"apg" : "2.6",
"bpg" : "3.5",
"spg" : "1.2",
"3pg" : "0.1"
},
{
"player" : "Carmelo Anthony",
"team" : "New York Knicks",
"ppg" : "27.4",
"rpg" : "5.4",
"apg" : "4.5",
"bpg" : "1.1",
"spg" : "1.5",
"3pg" : "1.6"
}
]
Quel serait le meilleur moyen de parcourir le tableau pour obtenir la valeur maximale, puis obtenir les valeurs "joueur" et "équipe" de cette valeur? La page sera interactive, car j'aurai une barre de menu déroulant permettant au spectateur de choisir entre l'une des six valeurs JSON, à part "joueur" et "équipe". Merci d'avance!
Parcourez simplement le tableau et gardez une trace du maximum au fur et à mesure:
function getMax(arr, prop) {
var max;
for (var i=0 ; i<arr.length ; i++) {
if (!max || parseInt(arr[i][prop]) > parseInt(max[prop]))
max = arr[i];
}
return max;
}
L'utilisation est comme:
var maxPpg = getMax(arr, "ppg");
console.log(maxPpg.player + " - " + maxPpg.team);
Modifier
Vous pouvez également utiliser la méthode Javascript "sort" pour obtenir les n valeurs les plus courantes:
function getTopN(arr, prop, n) {
// clone before sorting, to preserve the original array
var clone = arr.slice(0);
// sort descending
clone.sort(function(x, y) {
if (x[prop] == y[prop]) return 0;
else if (parseInt(x[prop]) < parseInt(y[prop])) return 1;
else return -1;
});
return clone.slice(0, n || 1);
}
Usage:
var topScorers = getTopN(arr, "ppg", 2);
topScorers.forEach(function(item, index) {
console.log("#" + (index+1) + ": " + item.player);
});
J'ai trouvé l'approche suivante très soignée:
var arr =[
{
"player" : "Andre Drummond",
"team" : "Detroit Pistons",
"ppg" : "15.4",
"rpg" : "11.6",
"apg" : "2.4",
"bpg" : "1.6",
"spg" : "0.8",
"3pg" : "0.1"
},
{
"player" : "Anthony Davis",
"team" : "New Orleans Pelicans",
"ppg" : "16.4",
"rpg" : "13.6",
"apg" : "2.6",
"bpg" : "3.5",
"spg" : "1.2",
"3pg" : "0.1"
},
{
"player" : "Carmelo Anthony",
"team" : "New York Knicks",
"ppg" : "27.4",
"rpg" : "5.4",
"apg" : "4.5",
"bpg" : "1.1",
"spg" : "1.5",
"3pg" : "1.6"
}
]
console.log(
arr.sort(
function(a, b) {
return parseFloat(b['ppg']) - parseFloat(a['ppg']);
}
)[0]['player']
);Je commence par trier le tableau par ordre décroissant, puis je choisis le premier élément contenant la valeur maximale Dans le code, j'ai trouvé le joueurqui a la valeur max ppg J'espère que cela t'aides!
function getMaxOfJson(jsonalreadyparsed, property) {
var max = null;
for (var i=0 ; i<jsonalreadyparsed.length ; i++) {
if(max == null){
max = jsonalreadyparsed[i][property];
} else {
if (parseFloat(jsonalreadyparsed[i][property]) > max){
max = jsonalreadyparsed[i][property];
}
}
}
return max;
}
Cela fonctionne pour moi.
Cela devrait fonctionner:
var highestValue = 0; //keep track of highest value
//loop through array of objects
for (var i=0, len = ary.length; i<len; i++) {
var value = Number(ary[i]["ppg"]);
if (value > highestValue) {
highestValue = value;
}
}
Vous pourriez trouver cette fonction sortByAttribute utile. Il vous suffit de transmettre l'attribut par chaîne avec lequel vous souhaitez le trier. Il renverra tout objet ayant la valeur maximale pour l'attribut spécifique recherché. Il retournera tout le tableau, trié par ordre croissant de la propriété que vous avez spécifiée.
var myArr = [
{
"player" : "Andre Drummond",
"team" : "Detroit Pistons",
"ppg" : "15.4",
"rpg" : "11.6",
"apg" : "2.4",
"bpg" : "1.6",
"spg" : "0.8",
"3pg" : "0.1"
},
{
"player" : "Anthony Davis",
"team" : "New Orleans Pelicans",
"ppg" : "16.4",
"rpg" : "13.6",
"apg" : "2.6",
"bpg" : "3.5",
"spg" : "1.2",
"3pg" : "0.1"
},
{
"player" : "Carmelo Anthony",
"team" : "New York Knicks",
"ppg" : "27.4",
"rpg" : "5.4",
"apg" : "4.5",
"bpg" : "1.1",
"spg" : "1.5",
"3pg" : "1.6"
}
]
function sortByAttribue(arr, attribute) {
return arr.sort(function(a,b) {
return a[attribute] < b[attribute];
});
}
sortByAttribue(myArr, "3pg") // returns Carmelo Anthony first
sortByAttribue(myArr, "bpg") // returns Anthony Davis first
La simplicité vous remercie à long terme.
function getMaxValueByAttribute(arr, attr) {
var max = "-99999999999";
arr.forEach(function (member, index) {
// console.log(member, index);
if (member.hasOwnProperty(attr) && parseFloat(member[attr]) > parseFloat(max)) {
max = member[attr];
// console.log("Max now: " + max);
}
});
return max;
}
Alors utilisez-le comme:
var result = getMaxValueByAttribute(arr, "ppg");
// result = "27.4"
Vous pouvez le faire aveclodashsi facilement.
var players = [{
"player": "Andre Drummond",
"team": "Detroit Pistons",
"ppg": "15.4",
"rpg": "11.6",
"apg": "2.4",
"bpg": "1.6",
"spg": "0.8",
"3pg": "0.1"
},
{
"player": "Anthony Davis",
"team": "New Orleans Pelicans",
"ppg": "16.4",
"rpg": "13.6",
"apg": "2.6",
"bpg": "3.5",
"spg": "1.2",
"3pg": "0.1"
},
{
"player": "Carmelo Anthony",
"team": "New York Knicks",
"ppg": "27.4",
"rpg": "5.4",
"apg": "4.5",
"bpg": "1.1",
"spg": "1.5",
"3pg": "1.6"
}
];
var topscorer = _
.chain(players)
.sortBy('ppg')
.reverse()
.map(function(o) {
return 'Top scorer: ' + o.player + ' - ' + o.team;
})
.head()
.value();
console.log(topscorer);<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.core.min.js"></script>Ou même plus court:
var players = [{
"player": "Andre Drummond",
"team": "Detroit Pistons",
"ppg": "15.4",
"rpg": "11.6",
"apg": "2.4",
"bpg": "1.6",
"spg": "0.8",
"3pg": "0.1"
},
{
"player": "Anthony Davis",
"team": "New Orleans Pelicans",
"ppg": "16.4",
"rpg": "13.6",
"apg": "2.6",
"bpg": "3.5",
"spg": "1.2",
"3pg": "0.1"
},
{
"player": "Carmelo Anthony",
"team": "New York Knicks",
"ppg": "27.4",
"rpg": "5.4",
"apg": "4.5",
"bpg": "1.1",
"spg": "1.5",
"3pg": "1.6"
}
];
console.log(_.maxBy(players, 'ppg').player);<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>Cela vous permettra de choisir quelle statistique vous souhaitez et quelles informations vous souhaitez récupérer.
http://jsbin.com/tudegofa/1/edit
data => est le tableau
stat => est la statistique que vous voulez trier
info => est un tableau de propriétés que vous voulez renvoyer.
function getValues (data, stat, info)
{
var selectedValues = data.map(function(x) {
return parseFloat(x[stat]);
})
var i = selectedValues.indexOf(Math.max.apply(Math, selectedValues));
var result = {};
info.forEach(function(x) {
result[x] = test[i][x];
})
return result;
}
var myData = '';
$.getJSON('/url/to/grab/json', function(data) {
myData = data;
});
getValues(myData, "bpg", ["player","team"]);
//[object Object] {
// player: "Anthony Davis",
// team: "New Orleans Pelicans"
// }
fonction recherchant un objet avec le maximum de property'x spécifique:
function getMax(array, propName) {
var max = 0;
var maxItem = null;
for(var i=0; i<array.length; i++) {
var item = array[i];
if(item[propName] > max) {
max = item[propName];
maxItem = item;
}
}
return maxItem;
}
usage:
$(document).ready(function() {
$('#getMaxBtn').click(function() {
var max = getMax(jsonArray, 'ppg');
alert(max.player);
});
});