Discussion :

[Invité]

Bonjour
Dans la copie d'une variable tableau, il manque une solution simple:

la méthode slice() d'un élément Array

ex:

Code :

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

1
2
3
4
5
6
7
 
var monTableau = ["aaa", "bbb", "ccc", "ddd"];
var maCopieDeMonTableau = monTableau.slice(0);
 
monTableau[0] = "000";
alert("monTableau = [" + monTableau.toString() + "] \n" +
        "maCopieDeMonTableau = [" + maCopieDeMonTableau.toString() + "]

Affichera :

monTableau = [000,bbb,ccc,ddd]
maCopieDeMonTableau = [aaa,bbb,ccc,ddd]

Voili, voilà

jlmag

PS: sans paramètre, la méthode slice() s'exécute sans erreur mais je n'ai pas trouvé de documentation fiable sans le premier paramètre, donc il est mis à 0 (valeur du début de la copie)

rePS: page 638 "JavaScript la référence (5ème édition)"

rerePS: pas testé pour tableau de tableau

rererePS: est-il bon de modifier un type interne?

[SpaceFrog]

Personnellement je passer par concat:

Code :

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

1
2
3
4
var monTableau = ["aaa", "bbb", "ccc", "ddd"];
var maCopieDeMonTableau = new Array().concat(monTableau)
monTableau[0] = "000";
alert("monTableau = [" + monTableau+" ]\n maCopieDeMonTableau = ["+maCopieDeMonTableau+"]" )

ou avec toString():

Code :

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

1
2
3
4
var monTableau = ["aaa", "bbb", "ccc", "ddd"];
var maCopieDeMonTableau = new Array(monTableau.toString())
monTableau[0] = "000";
alert("monTableau = [" + monTableau+" ]\n maCopieDeMonTableau = ["+maCopieDeMonTableau+"]" )

le souci survient en effet pour les tableaux inclus

Code :

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

1
2
3
4
5
6
var monTableau = ["aaa", "bbb", ["ccc","eee"], "ddd"];
var maCopieDeMonTableau = new Array().concat(monTableau)
monTableau[0] = "000";
alert("monTableau = [" + monTableau+" ]\n maCopieDeMonTableau = ["+maCopieDeMonTableau+"]" )
monTableau[2][1]='coucou'
alert(maCopieDeMonTableau[2][1])

le sous tableau est passé en reference et non en valeur...
Il faut donc une récurrence:

Code :

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
18
19
Array.prototype.clone = function() {
  var newArray = (this instanceof Array) ? [] : {};
  for (i in this) {
    if (i == 'clone') continue;
    if (this[i] && typeof this[i] == "object") {
      newArray[i] = this[i].clone();
    } else newArray[i] = this[i]
  } return newArray;
}
 
var monTableau = new Array("AAA",["aaa", "bbb", "ccc", "ddd"]);
var maCopieDeMonTableau = new Array(monTableau.toString())
var autreCopie=monTableau.clone()
monTableau[1][0] = "000";
alert("monTableau = [" + monTableau+" ]\n maCopieDeMonTableau = ["+maCopieDeMonTableau+"]" )
// Le ligne suivante plante car le sous objet ou array n'est pas pris en compte avec toString... et avec un concat ou splice il est passé par reference
//alert("monTableau[1][0]= "+ monTableau[1[0]+"\nmaCopieDeMonTableau[1][0]= "+ maCopieDeMonTableau[1][0])
//par contre ici avec le clone pas de souci
alert("monTableau[1][0]= "+ monTableau[1][0]+"\nautreCopie[1][0]= "+ autreCopie[1][0])

[Invité]

Bonjour SpaceFrog,

pour toString(), c'est pas bon du tout!

Sinon, au lieu d'étendre Array, mieux vaut-il étendre Object, non?

Code :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
Object.prototype.clone = function()
{
    var newChose = (this instanceof Array) ? [] : {};
    for (var i in this)
    {
        if (i == 'clone') continue;
        newChose[i] = (this[i] && typeof this[i] == "object") ? this[i].clone() : this[i];
    }
    return newChose;
}
 
var tableau = [
    "AAA",
    [
        "aaa",
        "bbb",
        "ccc",
        "ddd"
    ]
];
var tableauAvecObjet = [
    "AAA",
    [
        "aaa",
        "bbb",
        "ccc",
        "ddd"
    ],
    {
        "un": 1,
        "deux": 2,
        "trois": 3
    }
];
var objet = {
    "un": 1,
    "deux": {
        "hh": 7,
        "ii": 8
    },
    "trois": 3
};
var objetAvecTableau = {
    "un": 1,
    "deux": {
        "hh": 7,
        "ii": 8
    },
    "trois": 3,
    "quatre": [
        "AAA",
        [
            "aaa",
            "bbb",
            "ccc",
            "ddd"
        ]
    ]
};
 
// tableau
var maCopieDeMonTableau = new Array(tableau.toString()); // pas bon !!!!
var tableauCopie = tableau.clone();
tableau[1][0] = "000";
 
console.log("tableau");
console.log(tableau);
console.log(maCopieDeMonTableau);
console.log("maCopieDeMonTableau.length : " + maCopieDeMonTableau.length);
console.log(tableauCopie);
 
// tableau avec objet
var tableauAvecObjetCopie = tableauAvecObjet.clone();
tableauAvecObjet[1][0] = "YYY";
tableauAvecObjet[2].un = 9;
 
console.log("tableau avec objet");
console.log(tableauAvecObjet);
console.log(tableauAvecObjetCopie);
 
// objet
var objetCopie = objet.clone();
objet.un = 9;
 
console.log("Objet");
console.log(objet);
console.log(objetCopie);
 
// objet avec tableau
var objetAvecTableauCopie = objetAvecTableau.clone();
objetAvecTableau.un = 9;
objetAvecTableau.quatre[1][0] = "YYY";
 
console.log("objet avec tableau");
console.log(objetAvecTableau);
console.log(objetAvecTableauCopie);

A+

[circular17]

En tout cas, oui slice(0) ça marche bien pour dupliquer un tableau.

Au fait, si on veut utiliser que le début d'un tableau dans une fonction, plutôt que d'appeler slice, mieux vaut passer le tableau et la longueur qu'on veut utiliser, c'est plus rapide.

Code :

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

1
2
3
4
5
6
7
8
function somme(tab, len)
{
  if (!len) len = tab.length;
  var result = 0;
  for (var i=0; i<len; i++)
    result += tab[i];
  return result;
}

[le_chomeur]

et les sous tableau ?
comme spaffy l'a indiqué il faut faire de la récursivité pour allez chercher tous les tableaux enfants et les cloner également

[Invité]

Comme le code que j'ai proposé à partir de celui de la Rainette.
Les tableaux ou objets à plusieurs dimensions sont pris en compte.

A quand dans la FAQ? hein!

A+