Discussion :

[nesswaw]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var table = new Array();
 
table[0] = "Value 1";
table[1] = "Value 2";
 
alert(table.lenght); // Affiche 2

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var table = new Array();
 
table[23] = "Value 1";
table[102] = "Value 2";
 
alert(table.lenght); // Affiche 103

Dans l'exemple 2, comment faire pour renvoyer le nombre d'éléments réel dans le tableau? Donc 2

Merci d'avance

[SylvainPV]

L'attribut length des Array retourne le dernier index défini plus un. Si tu veux manipuler une table avec des index discontinus, un Object me paraît plus approprié :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var table = { 23: "value 1", 102: "value 2" };
alert(Object.keys(table).length);

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var table = new Array();
table[23] = "Value 1";
table[102] = "Value 2";
cpt=0;
for(elt in table){
    cpt++;
}
console.log(cpt);

[Kaamo]

Si tu veux garder l'Array, donc les trous, tu as des méthodes natives qui ne les énumèrent pas :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var arr = [];
arr[23] = "Value 1";
arr[102] = "Value 2";

foreach : (sur le même principe some et every n'énumèrent pas non plus les trous)

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
arr.forEach(function (x,i) {
  console.log(i+'.'+x);
});

Le for ... in comme le mentionne Spacefrog.

Si tu veux éliminer les trous d'un Array, utilise la méthode native filter :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var arrFiltre = arr.filter(function (x) {
  return true;
});
 
console.log(arrFiltre); // ["Value 1", "Value 2"]
console.log(arrFiltre.length); // 2

Mais attention, dans ce nouvel Array, les éléments auront respectivement l'index 0 et l'index 1. Non plus les index 23 et 102.
Si tu veux garder des index précis pour tes valeurs, le meilleur moyen est d'utiliser la solution de Sylvain.

[nesswaw]

Merci pour vos réponses.

En effet l'utilisation des objets semble plus approprié et vos solutions répondent à ma question et en plus j'ai appris des choses.

Du coup cela me fait poser encore d'autres questions:

• Objets VS Array: Y-a-t-il une différence de performance ou cela est du même?
• Peut-on mettre un objet dans un objet comme pour les tableaux?
• Peut-on faire un forEach sur un objet?

Merci d'avance

[SpaceFrog]

Objets VS Array: Y-a-t-il une différence de performance ou cela est du même?

J'ai pas testé, mais faudrait vraiment avoir de gros tableaux ou objets pour que la différence soit sensible.
De plus cela doit aussi dépendre du traitement effectué sur le tableau ... (ça se benchmark, mais là j'ai pas le temps )

Peut-on mettre un objet dans un objet comme pour les tableaux?

oui

Peut-on faire un forEach sur un objet?

foreach n'existe pas en javascript
on peut faire un for in ou avec jquery un .each voire bien plus ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
myjson ={"coucou":"hi!", "bonjour": "good morning"};
 
$.each(myjson, function(clef, valeur){
    console.log (clef +" => "+ valeur);
                 })

[Bovino]

foreach n'existe pas en javascript

Rhôôô... Spaffy !
Le "core" JavaScript s'enrichit de nouvelles méthodes.

Mais c'est uniquement une méthode de l'objet Array.

[SpaceFrog]

c'est là que je vois que je vieillis ...

[nesswaw]

Merci pour les réponses.

En gros un for in est équivaux à un foreach?

J'ai encore une autre questions/soucis, à l'instar de PHP, peut-on déclarer des tableaux "à la volé" sans les avoir initialisé, exemple j'aimerais faire la même chose en JS:

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$table[] = "A01;A02;A03;23";
$table[] = "B01;B02;B03;23";
$table[] = "C01;C02;C03;102";
$result = array();
foreach($table as $row) {
    $col = explode(";", $row);
    $result[$col[3]][] = $col;    // Cette ligne que je n'arrive pas à reproduire en JS
}

Ce code me retourne un tableau à 2 dimensions:

[23]
    [0]
        [0] => A01
        [0] => A02
        [0] => A03
        [0] => 23
    [1]
        [0] => B01
        [0] => B02
        [0] => B03
        [0] => 23
[102]
    [0]
        [0] => C01
        [0] => C02
        [0] => C03
        [0] => 102

Merci

[sekaijin]

encore une fois ceci n'est pas un tableau à deux dimension qui n'existent pas en php ou en js mais un tableau de tableaux
je dirais même que c'est (3) un tableau de tableaux de tableaux

quant à la question je ne suis pas sur d'avoir saisi
mais la ligne php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

$result[$col[3]][] = $col;    // Cette ligne que je n'arrive pas à reproduire en JS

a pour équivalent (en supposant que tu aies bien déclaré tes tableaux

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

result[col[3]].push(col);

au passage en php aussi on a un push sur les tableau

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

array_push($result[$col[3]], $col);

enfin il n'y a pour moi aucun intérêt à passer par un tableau une hashmap (tableau associatif) en php ou un objet en js est bien plus adapté
d'ailleurs tu utilise bien un clef d'acces (string) et non un index (numerique)
si je reprends ton algo php en JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
table = []; // new Array
table.push("A01;A02;A03;23");
table.push("B01;B02;B03;23");
table.push("C01;C02;C03;102)";
result = {}; new HashMap
for (row in table) {
    col = row.split(";");
    result[col[3]].push(col);    
    //tout comme en php col[3] est une String explode php ou split js 
    //retourne un tableau de string cela revient a écrire result["23"] et non result[23] 
}

A+JJYT

[nesswaw]

Bonjour,

Merci pour votre réponse.

J'ai bien essayé avec push() mais il me dit que la variable result[col[3]] est undefined, logique:

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var rowCSV = [];
var result = [];
rowCSV[0] = "A01;A02;A03;23";
rowCSV[1] = "B01;B02;B03;23";
rowCSV[2] = "C01;C02;C03;102";
 
rowCSV.forEach(function(value, key)
{
    var col = value.split(";");
     result[col[3]].push(col);
 
});

Comment je peux faire pour lui dire que c'est un tableau?
Ou alors si c'est plus simple en objet je suis preneur, mais là j'ai encore plus de peine.

EDIT:

J'ai essayé de déclaré mon tableau, mais du coup à chaque passage dans la boucle il le ré-crée

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
rowCSV.forEach(function(value, key)
{
    var col = value.split(";");
     result[col[3]] = new Array();
     result[col[3]].push(col);
 
});

Y-a-t-il un moyen de tester si result[col[3]] est déjà un tableau, alors ne pas faire de new Array();?

Merci

[Kaamo]

Attention, result est un objet (hashmap). Il n'a pas de méthode push.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var rowCSV = [];
var result = {}; // /!\ hashmap
 
rowCSV.push("A01;A02;A03;23");
rowCSV.push("B01;B02;B03;23");
rowCSV.push("C01;C02;C03;102");
 
rowCSV.forEach(function(value, key) {
  var col = value.split(";");
  result[col[3]] = col; // /!\ hashmap
});
 
result; /*
  Object {23: Array[4], 102: Array[4]}
    23: Array[4]
    102: Array[4]
*/

[nesswaw]

Bonjour,

Grâce à votre aide, j'ai trouvé une solution fonctionnelle:

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var rowCSV = [];
var result = [];
rowCSV[0] = "A01;A02;A03;23";
rowCSV[1] = "B01;B02;B03;23";
rowCSV[2] = "C01;C02;C03;102";
 
rowCSV.forEach(function(value, key)
{
    var col = value.split(";");
     if(typeof result[col[3]] == "undefined") {
           result[col[3]] = new Array();
     }
 
     result[col[3]].push(col);
 
});

Merci pour votre aide, mon problème est résolu, par contre je risque de revenir très vite pour d'autres soucis

[Kaamo]

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
rowCSV[0] = "A01;A02;A03;23";
rowCSV[1] = "B01;B02;B03;23";
rowCSV[2] = "C01;C02;C03;102";

Mieux vaut utiliser push (voir mon code ci-dessus) et laisser le moteur JS s'occuper des index.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
if(typeof result[col[3]] == "undefined") {
  result[col[3]] = new Array();
}
 
result[col[3]].push(col);

Sauf que là encore result.length ne reflètera pas la taille réelle du tableau. (problème initial de cette discussion). Mieux vaut utiliser une hashmap ou tableau à deux dimensions comme tu l'appelles (voir mon code ci-dessus).

[nesswaw]

Sauf que là encore result.length ne reflètera pas la taille réelle du tableau. (problème initial de cette discussion). Mieux vaut utiliser une hashmap ou tableau à deux dimensions comme tu l'appelles (voir mon code ci-dessus).

Oui en effet, mais comme je peux faire des foreach sur le tableau (ce que je savais pas avant), je n'ai plus besoin de cette information

Merci