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.

[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