La traversée de tableau JS doit être utilisée dans le projet Afin d'écrire du code élégant, utilisez la méthode au bon endroit et nous allons comparer plusieurs méthodes et les afficher dans es6, vous devez créer une conversion. Environnement es5. Ce n'est pas l'objet de cet article. Vous pouvez en parler dans le prochain article.
est la plus fréquemment utilisée et est utilisée par le front-end, ce qui signifie que je n'utiliserai la boucle for qu'au début . . .
let arr = ['123', '456', '789'];for (let i = 0; i < arr.length; i ++) { console.log(arr[i]); }
est le plus couramment utilisé, mais il y a place à l'optimisation :
for (let i = 0, len = arr.length; i < len; i ++) { console.log(arr[i]); }
Utilisez des variables temporaires pour stocker la valeur de longueur afin d'éviter d'obtenir à plusieurs reprises la longueur du tableau.
La nouvelle méthode de boucle dans es6 est plus simple et plus efficace que la boucle for dans es5. Elle fournit également trois nouvelles méthodes :
<🎜. >3. boucle foreach
let arr = ['科大讯飞', '政法BG', '前端开发']; for (let item of arr) { console.log(item); } // 输出数组索引 for (let item of arr.keys()) { console.log(item); } // 输出内容和索引 for (let [item, val] of arr.entries()) { console.log(item + ':' + val); }
a une fonction de boucle, qui est principalement utilisée pour filtrer les tableaux et reçoit une méthode, qui renverra une collection d'éléments conformes à la fonction.
let arr = ['科大讯飞', , '政法BG', , '前端开发']; arr.forEach((val,index)=>console.log(index,val));
ont la même fonction que filter La différence est qu'elles renvoient une valeur booléenne, qui est utilisée pour vérifier si un objet existe dans le tableau.
let arr = [{ label: '科大讯飞', value: 1 }, { label: '政法BG', value: 2 }, { label: '前端开发', value: 3 }]; const arr1 = arr.filter(list => list.value === 1); console.log(arr1);
6. La fonction de remplacement de la boucle de carte
if (arr.some(list => list.value === 1)) { console.log('执行了!') }
let arr = [1, 2, 3, 4]; onst arr1 = arr.map(list => list * 2); console.log(arr1);
Méthodes courantes pour parcourir les tableaux
3 méthodes de parcours des collections de listes
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!