Boucler sur des tableaux en JavaScript

Publié le 19/06/2020 • Actualisé le 19/06/2020

Dans ce bout de code, nous allons voir comment itérer sur des tableaux en JavaScript. J'irai droit au but et je montrerai mes alternatives préférées, la première n'utilise pas ES6 à l'inverse des deux suivantes. Pour des explications complètes, accédez au lien StackOverflow. La réponse principale est exhaustive ; les avantages et inconvénients de chaque méthode y sont expliqués. Comme toujours, ouvrez votre console JavaScript et cliquez sur les boutons ci-dessous afin de vérifier les résultats.

---

/**
 * J'utilise un module JavaScript afin d'isoler chaque snippet dans un fichier.
 * C'est en fait un mixin Vue.js. Utilisez le code appelé par la fonction mounted()
 * ou snippetXX().
 */
export default {
  data: {
    myArr: ['foo', 'bar', 'doo']
  },
  methods: {
    /**
     * Case 1) with myArr.forEach.
     */
    snippet96Case1 () {
      this.myArr.forEach(function (item, index) {
        console.log(item, index)
      })
    },
    /**
     * Case 2) with ES6 for-of statement.
     */
    snippet96Case2 () {
      for (const [index, item] of Object.entries(this.myArr)) {
        console.log(item, index)
      }
    },
    /**
     * Case 3) with ES6 for-of statement without the index.
     */
    snippet96Case3 () {
      for (const item of this.myArr) {
        console.log(item)
      }
    }
  }
}

Avec .forEach Avec ES6 et "for-of" Avec ES6 "for-of" sans index

---

 Plus sur Stackoverflow   Lire la doc  Plus sur le web  Snippet aléatoire

  Travaillez avec moi !

---