0
votes

Comment retourner un tableau d'objets de la matrice de tableaux avec méthode Array.Map?

J'utilise réagir et j'ai ce tableau dans le réducteur de Redux Persist: xxx pré>

Je veux retourner une nouvelle gamme d'objets (pour chaque tableau dans le tableau) avec une partie de les valeurs de la matrice de données. Exemple de la façon dont il devrait ressembler à: strong> p> xxx pré>

J'ai essayé d'utiliser la méthode Array.MAP: P>

 let events [
    data.map((index) => ({
      title: data[index][3],
      date: data[index][0],
    })),
  ]

javascript reactjs object arrays

1 commentaires

First Data.Map (((index) => ({Ceci est faux, data.map ((élément, index) => ({}) Le deuxième arg est idx non le premier

3 Réponses :

3
votes

the .map fonction vous donne chaque élément du tableau sous forme de paramètre dans la fonction de rappel.

Utilisez-le comme: p>

const data = [
  ["2020-09-14", "15:00", "60", "Info", "April Tucker", "Other", "yes"],
  ["2020-09-14", "2:00", "50", "Text", "April Tucker", "Other", "yes"]
]

let events = data.map(item => ({
  title: item[3],
  date: item[0],
}))

console.log(events)

1 commentaires

Merci, c'est assez simple mais j'essayais beaucoup d'autres solutions alors j'étais un peu frustré :)

1
votes

Le rappel sur la fonction la carte code> prend l'élément de tableau réel comme premier argument et l'index comme deuxième, tandis que votre fonction prend index code> comme premier.

En outre, vous mettez le résultat de l'opération de carte à l'intérieur des crochets [] code>. Le tableau produit par carte sera placé comme premier élément d'une nouvelle matrice, tandis que vous ne voulez probablement pas que P>

let events = data.map(arr => ({
  title: arr[3],
  date: arr[0],
})

0 commentaires

0
votes

avec Destructuration et Noms de propriété sténographique C'est facile comme un deux Trois

const data = [["2020-09-14","15:00","60","Info","April Tucker","Other","yes"],
["2020-09-14","2:00","50","Text","April Tucker","Other","yes"]]

let events = data.map(([date,,,title]) => ({title, date}) )

console.log(events)

0 commentaires