A quoi sert flat dans es6

Dans es6, la méthode flat() est utilisée pour parcourir récursivement le tableau selon une profondeur spécifiable, et fusionner tous les éléments avec les éléments du sous-tableau traversé dans un nouveau tableau et le renvoyer, c'est-à-dire la réduction de dimensionnalité du tableau . La syntaxe est : "Array.prototype.flat()".

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

À quoi sert flat dans es6 ?

Array.prototype.flat()

La méthode flat() parcourra récursivement le tableau selon une profondeur spécifiable, fusionnera tous les éléments avec les éléments du sous-tableau parcouru dans un nouveau tableau et le renverra. .

C'est ce que nous appelons la réduction de dimensionnalité des tableaux.

Fonction : Aplatissez le tableau et parcourez la valeur de chaque élément. Si la valeur de l'élément est également un tableau, supprimez-le (équivalent à supprimer les crochets [] du tableau)

flat(n）

Convertissez chaque élément Le tableau. est aplati, n est par défaut à 1, indiquant la profondeur d'aplatissement

Pour faire court, il s'agit d'effectuer une opération de suppression de parenthèses sur le Tableau en fonction des paramètres en flat, et la valeur par défaut est d'aller à un niveau.

Ce qui suit est une implémentation simple

```
Array.prototype.myFlat = function (num = 1) {
      if (num < 1) {
        return this
      }
      const res = []
      for (let i = 0; i < this.length; i++) {
        if (Array.isArray(this[i])) {
          res.push(...this[i].myFlat(num - 1))
        } else {
          res.push(this[i])
        }
      }
      return res
    }
```

L'idée est relativement simple. S'il ne s'agit pas d'un tableau, poussez-le directement. S'il s'agit d'un nombre, il doit être traité avec une couche de parenthèses. Si vous souhaitez supprimer les parenthèses N fois, appelez simplement la méthode myFlat N fois.

【Recommandations associées : tutoriel vidéo javascript, front-end web】

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!