Obtenir un max et min de la valeur de tableau en JavaScript

Je suis entrain de créer le tableau suivant à partir des données d'attributs et j'ai besoin d'être en mesure de saisir la plus haute et la plus basse valeur de celui-ci afin que je puisse passer à une autre fonction plus tard.

var allProducts = $(products).children("li");
prices = []
$(allProducts).each(function () {
    var price = parseFloat($(this).data('price'));
    prices[price] = price;
});
console.log(prices[0]) <!-- this returns undefined

Ma liste des éléments ressembler à ceci (j'ai coupé pour des raisons de lisibilité):

<li data-price="29.97"><a href="#">Product</a></li>
<li data-price="31.00"><a href="#">Product</a></li>
<li data-price="19.38"><a href="#">Product</a></li>
<li data-price="20.00"><a href="#">Product</a></li>

Rapide de la console.journal sur le prix de la montre-moi mon tableau qui semble être triées de manière que je pourrais prendre le premier et le dernier élément, je suppose, mais, actuellement, les noms et les valeurs dans le tableau sont les mêmes donc, chaque fois que j'essaye de faire un prix[0], j'obtiens undefined

[]
19.38   19.38
20.00   20.00
29.97   29.97
31.00   31.00

Ai le sentiment que c'est une bête question facile, de sorte s'il vous plaît être gentil 🙂

Ne devrait-ce pas prices[price] être ceci: prices.push() afin d'utiliser les touches [0],[1]...?
Combien de prix êtes-vous susceptible d'avoir?

InformationsquelleAutor RJB | 2012-08-16

157

Pour obtenir min/max de la valeur dans le tableau, vous pouvez utiliser:
```
var _array = [1,3,2];
Math.max.apply(Math,_array); //3
Math.min.apply(Math,_array); //1
```
- J'ai utilisé Math.max.apply(null,_array) et il a bien fonctionné. Aucune raison de ne pas le faire de cette façon?
- vous pouvez utiliser null sans aucun problème pour le cas actuel. Mozilla gars aussi l'utiliser comme premier param dans leurs exemples au MDN: Math.max.apply(null, numbers);
- De ES6, vous pouvez utiliser la propagation de tableau: Math.max(...array);
InformationsquelleAutor Serg Hospodarets
12

Pourquoi ne pas les stocker dans un tableau de prix à la place de l'objet?
```
prices = []
$(allProducts).each(function () {
    var price = parseFloat($(this).data('price'));
    prices.push(price);
});
prices.sort(function(a, b) { return a - b }); //this is the magic line which sort the array
```
De cette façon, vous pouvez simplement
```
prices[0]; //cheapest
prices[prices.length - 1]; //most expensive
```
Notez que vous pouvez faire shift() et pop() pour obtenir min et max prix, respectivement, mais il prendra son envol le prix de la pile.

Même la meilleure alternative est d'utiliser Sergei solution ci-dessous, en utilisant Math.max et min respectivement.

EDIT:

J'ai réalisé que ce serait une erreur si vous avez quelque chose comme [11.5, 3.1, 3.5, 3.7] comme 11.5 est traité comme une chaîne, et serait venu avant la 3.x dans l'ordre du dictionnaire, vous avez besoin pour passer en fonction de tri personnalisé pour s'assurer qu'ils sont en effet traitée comme float:
```
prices.sort(function(a, b) { return a - b });
```
- vous avez sûrement à l'ordre de la liste, quelque part, à supposer que le premier est moins cher et le dernier est le plus cher?
- +1 pour la solution claire. au début, je ne pouvais pas trouver sort() dans votre réponse. afin de commentaire à proximité de code
- Votre modification n'a aucun sens, vous êtes à l'aide de parseFloat avant de l'ajouter au tableau de tri utilisera automatiquement le numérique tri plutôt que chaîne de caractères.
- avez-vous testé votre commentaire? jsfiddle.net/9H2xg/1. Ou ai-je raté quelque chose ici? 🙁 J'ai aussi été en supposant la même manière que vous avez fait
- voici tous les tester, s'il vous plaît dites-moi si je me trompe. jsfiddle.net/9H2xg/10
- De la magie. Grâce prie, très appréciée.
- Non, vous avez tout à fait raison, mon erreur. Totalement bizarre et si non comment je voudrais intuatively pensé que cela fonctionnerait.
- Je suis presque entièrement d'accord avec cela, mais j'ai fait une rapide jsperf de test, et pour les tableaux avec une longueur de plus de 10 valeurs, c'est un paquet rapide à utiliser Math.max.apply(Math, arr) et Math.min.apply(Math, arr) respectivement que de trier tout le tableau? Tout plus que cela et max ou min gagner par un long chemin. Et personnellement, je pense que c'est plus clair sur ce qui se passe.
- Très utile! Merci!!!!
- Juste une remarque: la fonction de tri a un supplément'} " à la fin qui doit être remplacé par un ')'.
- Trier tout le tableau dans le pire des cas sera n*n - n plus cher qu'une recherche régulière d'une valeur min ou max.
InformationsquelleAutor Andreas Wong
11

Au lieu de .chacun, un autre (peut-être plus concis) approche pour l'obtention de tous ces prix peuvent être:
```
var prices = $(products).children("li").map(function() {
    return $(this).prop("data-price");
}).get();
```
en outre, vous pouvez envisager de filtrage de la matrice pour se débarrasser de vide ou non-numériques tableau de valeurs dans le cas où ils doivent exister:
```
prices = prices.filter(function(n){ return(!isNaN(parseFloat(n))) });
```
ensuite utiliser Sergey de la solution ci-dessus:
```
var max = Math.max.apply(Math,prices);
var min = Math.min.apply(Math,prices);
```
- La solution la plus élégante,à mon humble avis
- La manière recommandée. "L' .map() est une méthode particulièrement utile pour obtenir ou définir la valeur d'une collection d'éléments." api.jquery.com/map
InformationsquelleAutor billynoah
3

si vous avez des "dispersés" (pas à l'intérieur d'un tableau) les valeurs que vous pouvez utiliser:
```
var max_value = Math.max(val1, val2, val3, val4, val5);
```
InformationsquelleAutor rvandoni
2
```
arr = [9,4,2,93,6,2,4,61,1];
ArrMax = Math.max.apply(Math, arr);
```
- pouvez-vous expliquer la réponse?
InformationsquelleAutor MIqayel Ishkhanyan

Trouver plus grand et le plus petit nombre dans un tableau avec lodash.

JS:

var array = [1, 3, 2];
var func = _.over(Math.max, Math.min);
var [max, min] = func(...array);
//=> [3, 1]
console.log(max);
console.log(min);

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

Modernes pour le code javascript de cette approche témoigne de l'élégance.

InformationsquelleAutor Penny Liu

l'utiliser et il fonctionne sur les deux tableaux statiques et généré dynamiquement des tableaux.

var array = [12,2,23,324,23,123,4,23,132,23];
var getMaxValue = Math.max.apply(Math, array );

J'ai eu le problème quand j'utilise en essayant de trouver la valeur max de code ci-dessous

$('#myTabs').find('li.active').prevAll().andSelf().each(function () {
            newGetWidthOfEachTab.push(parseInt($(this).outerWidth()));
        });

        for (var i = 0; i < newGetWidthOfEachTab.length; i++) {
            newWidthOfEachTabTotal += newGetWidthOfEachTab[i];
            newGetWidthOfEachTabArr.push(parseInt(newWidthOfEachTabTotal));
        }

        getMaxValue = Math.max.apply(Math, array);

Je recevais 'NAN' lorsque j'utilise

    var max_value = Math.max(12, 21, 23, 2323, 23);

avec mon code

InformationsquelleAutor Sodhi saab

Vous devez vous connecter pour publier un commentaire.