Utilisation de la carte et de foreach dans JS

---

Préface

Il n'y a pas eu de séparation dans le processus de codagemapEtforEachLa différence entre,Reste tranquille,Prenez quelques exemples et étudiez.

---

Un.、map

1.Tableau simple

    const a = [ 5, 7, 10, ]
    const mapA = a.map((item, index, arr) => {
    
      console.log(item, index, arr)
      return item * 2
    })
    console.log(mapA)

Produits：

2.Tableau d'objets

    const c = [
      {
    
        key: 'key1',
        value: 'value1',
      },
      {
    
        key: 'key2',
        value: 'value2',
      },
    ]
    const mapC = c.map((item, index, arr) => {
    
      console.log(item, index, arr)
      let res = this.$deepCopy(item)
      res.value += index
      return res
    })
    console.log(c)
    console.log(mapC)

Produits：

Donc en faitmapNon seulement vous pouvez traverser le tableau, Vous pouvez également retourner un nouveau tableau .

3.Modifier le contenu du tableau simple

    const a = [ 5, 7, 10, ]
    const mapA = a.map((item, index, arr) => {
    
      console.log(item, index, arr)
      arr[index] = item * 2
      return item * 2
    })
    console.log(a)
    console.log(mapA)

Produits：

4.Modifier le contenu du tableau d'objets

    const c = [
      {
    
        key: 'key1',
        value: 'value1',
      },
      {
    
        key: 'key2',
        value: 'value2',
      },
    ]
    const mapC = c.map((item, index, arr) => {
    
      console.log(item, index, arr)
      let res = item
      res.value += index
      return res
    })
    console.log(c)
    console.log(mapC)

Produits：

Visible, Tableau d'objets en cours de traversée , Modifier la valeur de l'attribut peut affecter le tableau original

map Pour plus de détails sur l'utilisation de Documentation

2.、forEach

1.Tableau simple

    const a = [ 5, 7, 10, ]
    a.forEach((item, index, arr) => {
    
      arr[index] = item * 2
      console.log(item, index, arr)
    })
    console.log(a)

Produits：

2.Tableau d'objets

    const c = [
      {
    
        key: 'key1',
        value: 'value1',
      },
      {
    
        key: 'key2',
        value: 'value2',
      },
    ]
    c.forEach((item, index, arr) => {
    
      console.log(item, index, arr)
      item.value += index
    })
    console.log(c)

Produits：

Visible, Tableau d'objets en cours de traversée , Modifier la valeur de l'attribut peut affecter le tableau original

3.forEach() De continue Avec break

Voir la documentation pour plus de détails

---