Introduction à la méthode de traversée javascript (exemple de code)

Le contenu de cet article est une introduction à la méthode de traversée JavaScript (exemple de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Il est utile de convertir l'objet objet en tableau, puis j'ai pensé à la méthode de traversée, donc je veux aussi l'enregistrer

1. sauter hors de la boucle

• break saute hors du corps de la boucle et le corps de la boucle est terminé

• return termine l'exécution de la fonction

2. Méthode de traversée

for (let i = 0; i < 5; i++) {
    if (i == 3) break;
    console.log("The number is " + i);
    /* 只输出 0 ， 1 ， 2 ， 到3就跳出循环了 */
}
for (let i = 0; i <= 5; i++) {
    if (i == 3) continue;
    console.log("The number is " + i);
    /* 不输出3，因为continue跳过了，直接进入下一次循环 */
}

Fausses données

Normal pour le parcours en boucle

const temporaryArray = [6,2,3,4,5,1,1,2,3,4,5];
const objectArray = [
    {
        id: 1,
        name: 'd'
    }, {
        id: 2,
        name: 'd'
    }, {
        id: 3,
        name: 'c'
    }, {
        id: 1,
        name: 'a'
    }
];
const temporaryObject = {
    a: 1,
    b: 2,
    c: 3,
    d: 4,
};
const length = temporaryArray.length;

pour en boucle

for(let i = 0; i < length; i++) {
    console.log(temporaryArray[i]);
}

boucle for of, utilisée pour parcourir des objets itérables

/* for in 循环主要用于遍历普通对象，
* 当用它来遍历数组时候，也能达到同样的效果，
* 但是这是有风险的，因为 i 输出为字符串形式，而不是数组需要的数字下标，
* 这意味着在某些情况下，会发生字符串运算，导致数据错误
* */
for(let i in temporaryObject) {
    /* hasOwnProperty只加载自身属性 */
    if(temporaryObject.hasOwnProperty(i)) {
        console.log(temporaryObject[i]);
    }
}

La première valeur de forEach est la valeur du courant l'index du tableau, et la seconde est la valeur de l'index. Il ne peut parcourir que le tableau, n'a aucune valeur de retour et ne peut pas sortir de la boucle

for(let i of temporaryArray) {
    console.log(i);
}

map renvoie un nouveau tableau et ne peut parcourir que le tableau

let a = temporaryArray.forEach(function(item, index) {
    console.log(index, item);
});

le filtre est un objet intégré du tableau et ne modifie pas le Tableau original, avec valeur de retour

temporaryArray.map(function(item) {
    console.log(item);
});

certains déterminent s'il existe une valeur correspondante

temporaryArray.filter(function(item) {
    console.log(item%2 == 0);
});

every détermine si toutes les valeurs du tableau remplissent les conditions

let newArray = temporaryArray.some(function(item) {
    return item > 1;
});
console.log(newArray);

reduce(function(total, currentValue, currentIndex , array) {}, [])

let newArray1 = temporaryArray.every(function(item) {
    return item > 6;
});
console.log(newArray1);

• total : valeur initiale ou valeur de retour après calcul, valeur actuelle de l'élément currentValue lors du parcours, valeur d'index actuelle currentIndex, tableau tableau actuel

  if aucun paramètre n'est spécifié -Tableau vide [], la variable d'accumulation total est par défaut la valeur du premier élément
Après avoir spécifié le paramètre tableau vide, la valeur initiale de la variable d'accumulation total devient le tableau vide

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!