Maison > Article > interface Web > Méthode JS pour trouver le plus grand élément dans un tableau de type Number
Cet article présente principalement comment utiliser JS pour trouver le nombre maximum d'éléments dans un tableau de type Nombre
Comment utiliser JS pour trouver le nombre maximum (ou minimum) dans un tableau de type Nombre ?
Quatre méthodes sont présentées ci-dessous.
1. N'utilisez aucune fonction de bibliothèque
Le code est le suivant :
function findMax1 (arr) { let result = 0; if (Array.isArray(arr)) { for (let i = 0; i < arr.length; i++) { result = arr[i] > result ? arr[i] : result; } return result; } else { console.error('The parameter arr is not an array'); return; } }
Explication :
Utilisez un résultat variable pour stocker la valeur maximale. Parcourez le tableau à rechercher. Si l'élément actuellement parcouru est supérieur au résultat, attribuez cet élément au résultat.
2. Utilisez Array.reduce()
Le code est le suivant :
function findMax2 (arr) { let result = 0; if (Array.isArray(arr)) { result = arr.reduce((a, b) => { return a > b ? a : b; }, 0); return result; } else { console.error('The parameter arr is not an array'); return; } }
Explication : La méthode
reduce utilise une fonction pour finalement réduire un tableau à une valeur pour un accumulateur et chaque élément du tableau.
reduce accepte deux paramètres :
Le premier est le rappel, qui est la fonction mentionnée précédemment. Il a quatre paramètres :
accumulator : Accumulator, qui est le résultat de la dernière exécution de rappel. Si initialValue est fourni, alors la première fois est initialValue ;
currentValue : les éléments du tableau actuellement parcouru
currentIndex : le actuellement parcouru ; traversé L'index de l'élément du tableau, à partir de 0. Si initialValue est fourni, il commence à partir de 1
array : le tableau auquel la réduction est actuellement appliquée.
La seconde est initialValue, qui est une valeur initiale et est utilisée comme premier paramètre réel de la première exécution de la fonction de rappel. Ceci est facultatif. Veuillez noter ici que si ce paramètre n'est pas fourni et est appliqué à un tableau vide, une erreur sera signalée.
Ensuite, la signification du code ci-dessus est que chaque fois que le tableau est parcouru pour comparaison, le plus grand sera conservé, c'est-à-dire l'accumulateur, et utilisé pour la prochaine comparaison avec les éléments du tableau . Au final, il ne reste que cette valeur, qui est la valeur maximale.
3. Utilisez Apply et Math.max()
Le code est le suivant :
function findMax3 (arr) { let result = 0; if (Array.isArray(arr)) { result = Math.max.apply(null, arr); return result; } else { console.error('The parameter arr is not an array'); return; } }
Explication :
appliquer l'explication est légèrement compliqué et aucune autre explication ne sera donnée.
Il accepte deux paramètres, le premier est thisArg et le second est argsArray. Les deux sont facultatifs. Pour faire simple, lors de l’utilisation d’une fonction, les paramètres sont transmis sous forme de tableau.
4. Utilisez simplement Math.max()
Le code est le suivant :
function findMax4 (arr) { let result = 0; if (Array.isArray(arr)) { result = Math.max(...arr); return result; } else { console.error('The parameter arr is not an array'); return; } }
Explication :
Basé sur l'idée de la solution précédente, dans ES6, il existe un opérateur spread (...) qui peut séparer les éléments d'un tableau en une séquence séparée par des virgules . Répond simplement aux besoins de la fonction Math.max().
Je voudrais vous présenter quelques points de connaissances liés aux nombres, aux mathématiques et aux tableaux en JS
1.
Comment créer un objet Number :
Méthode 1 :
var variable = new Number (number)
Méthode 2 :
var variable = number;
Méthode couramment utilisée :
toString() Convertit le nombre dans la base spécifiée chaîne de forme. (Entrez un nombre, et il sera converti en nombre, number.toString(2))
toFixed() spécifie que les décimales sont conservées et il a également une fonction d'arrondi.
2. Math
Méthodes couramment utilisées des objets mathématiques :
arrondi du plafond
floor() arrondi vers le bas
Méthode de nombre aléatoire random() // Le nombre pseudo-aléatoire généré est compris entre 0 et 1 (0 inclus, excluant 1),
arrondi
3. Objet tableau Array :
Méthode 1 pour créer un tableau :
var variable name = new Array(); Créer un tableau d'une longueur de 0.
Méthode 2 :
var variable name = new Array(length) crée un objet tableau de longueur spécifiée.
Méthode 3 :
var variable name = new Array("Element 1", "Element 2"...); Créez un objet tableau en spécifiant des éléments dans le tableau.
Méthode 4 :
var variable name = ["Element 1", "Element 2"...];
Détails à noter pour les tableaux :
1. La longueur d'un tableau peut changer en javascript.
var arr = new Array(); //创建了一个长度为0的数组对象。 arr[100] = 10; document.write("arr长度:"+arr.length+"<br/>"); var arr2 = new Array("狗娃","狗剩","铁蛋"); arr2 = ["狗娃","狗剩","铁蛋","张三"]; document.write("arr2长度:"+arr2.length+"<br/>");
3.1 Méthode numérique
a、concat把arr1与arr2的数组元素组成一个新的数组返回。 arr1 = arr1.concat(arr2);
b, utilisation de join Le délimiteur spécifié assemble les éléments du tableau en une chaîne et la renvoie.
var elements = arr1.join(",");
c, pop : supprime le dernier élément du tableau et renvoie cet élément.
d, push : ajoute de nouveaux éléments à un tableau et renvoie la nouvelle valeur de longueur du tableau.
arr1.push("你好");
e, reverse(); retourne les éléments du tableau
f, slice spécifie la valeur de l'index de début et l'index de fin valeur du tableau Intercepte les éléments du tableau et renvoie le sous-tableau. (Y compris l'en-tête mais pas la queue)
var subArr = arr1.slice(1,2);
g, tri tri, le tri doit être passé en lors de la méthode de tri. (Lorsqu'il n'est pas transmis, la valeur par défaut est d'organiser selon la table ASCII)
arr1 = [19,1,20,5]; arr1.sort(sortNumber); //排序,排序的时候一定要传入排序的方法。 function sortNumber(num1,num2){ return num1-num2; }
h, le premier paramètre de splice est la valeur d'index à démarrer lors de la suppression d'éléments, le deuxième paramètre est le nombre d'éléments supprimés et les données suivantes sont les éléments insérés (vous n'avez pas besoin de les écrire).
arr1.splice(1,1,"张三","李四","王五");
Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.
Articles connexes :
Méthode Ajax pour obtenir la longueur du contenu de la réponse
Méthode Ajax pour mettre à jour régulièrement un certain élément de contenu sur la page
Méthode Ajax de lecture des données du fichier de ressources de propriétés
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!