Maison > interface Web > js tutoriel > Méthodes recommandées pourEach, $.each et map dans les compétences JS_javascript

Méthodes recommandées pourEach, $.each et map dans les compétences JS_javascript

WBOY
Libérer: 2016-05-16 15:06:41
original
1485 Les gens l'ont consulté

forEach est la plus basique des nouvelles méthodes Array d'ECMA5, qui est le parcours et le bouclage. Par exemple, l'exemple suivant :

[1, 2,3, 4].forEach(alerte);

Équivalent à la boucle for suivante

var array = [1, 2, 3, 4];
for (var k = 0, length = array.length; k < length; k++) {
 alert(array[k]);
}
Copier après la connexion

Array Dans la nouvelle méthode d'ES5, les paramètres sont tous des types de fonctions et les paramètres sont passés par défaut. Le rappel de fonction dans la méthode forEach prend en charge 3 paramètres. Le premier est le contenu du tableau parcouru ; tableau correspondant. Index, le 3ème est le tableau lui-même.

Nous avons donc :

[].forEach(function(value, index, array) {
  // ...
});
Copier après la connexion

Comparez la méthode $.each dans jQuery :

$.each([], function(index, value, array) {
  // ...
});
Copier après la connexion

Vous constaterez que les premier et deuxième paramètres sont exactement opposés. Veuillez faire attention et ne vous en souvenez pas mal. La même chose est vraie pour des méthodes similaires ultérieures, telles que $.map.

var data=[1,3,4] ; 
var sum=0 ;
data.forEach(function(val,index,arr){
  console.log(arr[index]==val);  // ==> true
  sum+=val            
})
console.log(sum);          // ==> 8
Copier après la connexion

carte

La carte ici ne signifie pas « carte », mais « cartographie ». [].map(); L'utilisation de base est similaire à la méthode forEach :

array.map(callback,[ thisObject]);
Copier après la connexion

Les paramètres de rappel sont également similaires :

[].map(function(value, index, array) {
  // ...
});
Copier après la connexion

La fonction de la méthode map n'est pas difficile à comprendre. Il s'agit du « mappage », c'est-à-dire que le tableau d'origine est « mappé » dans le nouveau tableau correspondant. L'exemple suivant consiste à trouver le carré d'un terme numérique :

var data=[1,3,4]

var Squares=data.map(function(val,index,arr){
  console.log(arr[index]==val);  // ==> true
  return val*val           
})
console.log(Squares);        // ==> [1, 9, 16]
Copier après la connexion

Remarque : étant donné que forEach et map sont des méthodes ECMA5 pour ajouter de nouveaux tableaux, les navigateurs inférieurs à IE9 ne les prennent pas encore en charge (cher IE). Cependant, toutes les fonctions ci-dessus peuvent être obtenues en étendant le prototype Array, comme la méthode forEach :

if (typeof Array.prototype.forEach != "function") {
  Array.prototype.forEach = function() {
    /* 实现 */
  };
}
Copier après la connexion

Les recommandations ci-dessus pour les méthodes forEach, $.each et map dans JS sont tout le contenu partagé par l'éditeur. J'espère qu'elles pourront vous donner une référence et j'espère que vous soutiendrez Script Home.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal