Explication des fonctions liées à JavaScript

Certaines fonctions apparaissent fréquemment dans l'apprentissage JavaScript. Cet article en expliquera certaines en détail.

.map

La méthode map parcourra chaque élément du tableau, traitera chaque élément en fonction de la fonction de rappel et retournera enfin un nouveau tableau.

Utilisez la méthode map pour ajouter 3 à chaque élément dans oldArray et enregistrez-les dans newArray. oldArray ne doit pas être modifié.

var oldArray = [1,2,3,4,5];var newArray = oldArray.map(function(val){  return val + 3;  });
.reduce

Les éléments du tableau sont exploités dans l'ordre de gauche à droite, et le dernier élément restant est la valeur de retour
où la valeur cumulée du dernier résultat (previousVal) et la valeur actuelle (currentVal) le sont. La méthode

var array = [4,5,6,7,8];var singleVal = 0;singleVal = array.reduce(function(previousVal, currentVal){ return previousVal + currentVal;   });
.filter

filter est utilisée pour parcourir un tableau et filtrer les éléments correspondants en fonction des conditions données.

Utilisez le filtre pour créer un nouveau tableau. La valeur du nouveau tableau correspond aux éléments de oldArray dont la valeur est inférieure à 6. Le tableau d'origine ne peut pas être modifié. oldArray

var oldArray = [1,2,3,4,5,6,7,8,9,10];var newArray = oldArray.filter(function(val){    return val<6;   });
.sort

La méthode de tri modifiera le tableau d'origine et renverra le tableau trié. sort peut transmettre des fonctions de comparaison comme arguments. La fonction de comparaison a une valeur de retour. Lorsque a est inférieur à b, elle renvoie un nombre négatif ; lorsque a est supérieur à b, elle renvoie un nombre positif ; lorsqu'ils sont égaux, elle renvoie 0. Si aucune fonction de comparaison n'est transmise, elle convertira toutes les valeurs en chaînes et les triera par ordre alphabétique.

Utilisez sort pour trier le tableau par ordre croissant.

var array = [1, 12, 21, 2];array.sort(function(a, b) {  return a - b;});result: [1,2,12,21]
.reverse

Utilisez l'inverse pour retourner le tableau. Et attribué à newArray.

var array = [1,2,3,4,5,6,7];var newArray = [];newArray = array.reverse();
reverse_result.png
.concat

Le paramètre de la méthode concat doit être un tableau. Le tableau dans le paramètre sera concaténé après le tableau d'origine et renvoyé en tant que nouveau tableau.

Utilisez .concat() pour épisser concatMe derrière oldArray et l'attribuer à newArray.

concat_result.png
.split

Vous pouvez utiliser la méthode split pour diviser une chaîne en un tableau par un délimiteur spécifié. Passez un paramètre à la méthode split, qui sera utilisé comme séparateur.

Utilisez la méthode split pour diviser la chaîne de caractères en un tableau.

Aucun délimiteur.

<script type="text/javascript">
    var str="How are you doing today?";    var n=str.split();    document.write(n);</script>输出：
How are you doing today?

sépare chaque caractère de la chaîne. 4ec11beb6c39d0703d1751d203c17053

   var str="How are you doing today?";    var n=str.split("");    document.write(n);</script>输出：
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

Séparez les chaînes par le caractère "o". 4ec11beb6c39d0703d1751d203c17053
var str="Comment vas-tu aujourd'hui ?"; var n=str.split("o"); document.write(n);

H,w are y,u d,ing t,day?
.join

méthode join pour convertir le tableau en chaîne. Chaque élément qu'il contient peut être connecté à l'aide du connecteur que vous spécifiez. Ce connecteur est ce que vous souhaitez transmettre.

Utilisez la méthode join, le connecteur est ' ' pour convertir le tableau joinMe en chaîne joinString.

var veggies = ["Celery", "Radish", "Carrot", "Potato"];var salad = veggies.join(" and ");console.log(salad); // "Celery and Radish and Carrot and Potato" 
.replace

remplacera

Cet article explique certaines fonctions courantes dans Plus de détails, pour plus de connaissances connexes, veuillez faire attention au site Web chinois php.

Recommandations associées :

Explications sur le DOM et les événements jquery

Quelques bases modulaires associées

Quelle est la différence entre innerText et innerHTML de l'objet dom ?

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!