Problème de map sur un array

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de map sur un array

MaybeEijOrNot

but someone at least

Bonjour,

Je ne comprends pas, je n'arrive pas à mapper mon array (variable globale), je me retrouve à chaque fois avec un tableau vide en sortie.
J'essaye juste de me créer une vue de ma liste de films, ma variable myGlobalDatas contient des objets (un objet = film et ses propriétés).

Code :

console.log(myGlobalDatas); //array d'objets (length > 1)
let mytab = myGlobalDatas.map(function(film) {
let line = document.createElement('tr');
let td = [];
for(let i = 0; i < 5; i++) {
td.push(document.createElement('td'));
}
let img = document.createElement('img');
img.setAttribute('src', film.image);
td[0].textContent = film.fichier;
td[1].appendChild(img);
td[2].textContent = film.note;
td[3].textContent = film.genre;
td[4].textContent = film.annee;
for(let el of td) {
line.appendChild(el);
}
return line;
});
console.log(mytab); //array vide

Mais même le code suivant me retourne un array vide :

Code :

console.log(myGlobalDatas); //array d'objets (length > 1)
let mytab = myGlobalDatas.map(function(film) {
return 0;
});
console.log(mytab); //array vide

Une idée ?

Merci.

Message édité par MaybeEijOrNot le 27-02-2019 à 17:49:15

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Publicité

MaybeEijOrNot

but someone at least

Bon je suis rentré chez moi, et j'ai testé ceci :

Code :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Page d'essai</title>
<style type="text/css">
</style>
<script type="text/javascript">
myGlobalDatas = [];
function jawascript() {
let table = document.createElement('table');
let tr = document.createElement('tr');
let th1 = document.createElement('th');
let th2 = document.createElement('th');
th1.textContent = "Zero";
th2.textContent = "Un";
tr.appendChild(th1);
tr.appendChild(th2);
table.appendChild(tr);
myGlobalDatas.push({'zero': '0a', 'un': '1a'}, {'zero': '0b', 'un': '1b'}, {'zero': '0c', 'un': '1c'});
console.log(myGlobalDatas);
let mytab = myGlobalDatas.map(function(film) {
let line = document.createElement('tr');
let td = [];
for(let i = 0; i < 2; i++) {
td.push(document.createElement('td'));
}
td[0].textContent = film.zero;
td[1].textContent = film.un;
for(let el of td) {
line.appendChild(el);
}
return line;
});
console.log(mytab);
for(let line of mytab) {
table.appendChild(line);
}
document.body.appendChild(table);
}
</script>
</head>
<body onLoad="jawascript();">
</body>
</html>

Cela fonctionne, va falloir que j'approfondisse cette histoire...

Message édité par MaybeEijOrNot le 27-02-2019 à 18:38:47

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

MaybeEijOrNot

but someone at least

Bon ça venait de moi et de la console Web.
En modifiant mon code, je n'avais pas encore rempli ma variable globale avec mes données. J'avais oublié de décaler cette ligne... Néanmoins la console affichait quand même son contenu qui se chargeait après...

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

FORUM HardWare.fr

Programmation

Javascript/Node.js

Problème de map sur un array

Sujets relatifs
probleme array_multisort	Problème array en php
Problème mysql fetch array [SOLVED]	Problème d'array
probleme d'organisation d'un tableau php (array)	Problème d'affichage double boucle (mysql_fetch_array)
suppression dans un array (tableau) [modifié]	[PHP] Problème Array : test de valeurs negatives de suite
Array crée a partir d'une bdd (probléme)...	Probleme avec un array
Plus de sujets relatifs à : Problème de map sur un array

Page générée en 0.056 secondes