Tableaux et affectation

Bonjour...

je viens de tomber sur un truc tout con mais qui me casse la tete..

Code:

---

1 2 3 4 5 6 7 8 9 10

var aSelectTotal = new Array(1,2,3,4); var aSelect = new Array(1,2,3);   alert(aSelect.length+" / "+aSelectTotal.length); aSelect = aSelectTotal; alert(aSelect.length+" / "+aSelectTotal.length); aSelect.push(5,6); alert(aSelect.length+" / "+aSelectTotal.length);

---

ben normalement les alertes devraient etre : 3 /4 puis 4 / 4 puis 6 / 4

ben non c 3 / 4 puis 4 / 4 et 6 / 6

Je ne cromprends vraiment pas !!!!

Merci de votre aide !!

As tu essayé d'afficher tes tableaux à chaque modification? Pour voir simplement s'il n'y a pas un problème au niveau des tableaux.

Salut,
Lorsque tu fais

Code:

---

aSelect = aSelectTotal;

---

aSelect pointe vers aSelectTotal, donc toute modification sur l'un est répercutée sur l'autre.

Ah bah non c'est normal tu fais:

Code:

---

1 2	aSelect = aSelectTotal;

---

Faut faire:

Code:

---

1 2	aSelect == aSelectTotal;

---

l'egalité d'array est une affectation par reference ...
aSelect et aSelectTotal pointent vers un seul et même array

il faut partir d'un nouvel array

Code:

---

1 2 3 4 5 6 7 8 9

var aSelectTotal = new Array(1,2,3,4); var aSelect = new Array(1,2,3);   alert(aSelect.length+" / "+aSelectTotal.length); aSelect = new Array(); aSelect=new Array().concat(aSelectTotal); alert(aSelect.length+" / "+aSelectTotal.length); aSelect.push(5,6); alert(aSelect.length+" / "+aSelectTotal.length);

---

Citation:

---

Envoyé par babib92

Code:

---

1 2 3

aSelect = aSelectTotal;

---

---

A ce niveau, tu ne clone pas l'objet, tu fais pointer aSelect sur le même emplacement que aSelectTotal...
Il faut que tu implémentes une fonction clone:

Code:

---

1 2 3 4 5 6 7 8 9

Array.prototype.clone = function() { var res = []; for(var i=0,size=this.length;i<size;i++) { res.push(this[i]); } }   // ... aSelect = aSelectTotal.clone();

---

La solution de SpaceFrog est très vite 2 fois plus performante et même de mieux en mieux avec la volumétrie...

Code:

---

1 2 3

Array.prototype.clone = function() { new Array().concat(this); }

---

ok merci pour ces réponses...

C'est quand meme déroutant cette affaire...

j'étais jamais tombé sur ce cas... fallait savoir que cela ne copiait pas le tableau mais pontait vers la meme reference.

avec un autre type de variable (ex a = 1; b = 2; a = b; a++;) cela ne modifie que a et pas b.

Je retiens donc la leçon et vous remercie

cela ne marche pas :

Code:

---

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

var aSelectTotal = [1,2,3,4]; var aSelect = [1,2,3];   Array.prototype.clone = function() { new Array().concat(this); }     function afficheTable(iTest) { sAlert = "Test "+iTest+") :\n---------------------\n"; sAlert += "Tableau aSelect ("+aSelect.length+") :\n---------------------\n"; for( i = 0; i < aSelect.length ; i++) { sAlert += i+ " : " + aSelect[i] + "\n"; } sAlert += "Tableau aSelectTotal ("+aSelectTotal.length+") :\n---------------------\n"; for( i = 0; i < aSelectTotal.length ; i++) { sAlert += i+ " : " + aSelectTotal[i] + "\n"; }   alert(sAlert); }       afficheTable(1); aSelect = aSelectTotal.clone(); afficheTable(2); aSelect.push(5,6); afficheTable(3);

---

erreur : afficheTable(2) => aSelect is undifined

Il manque le return :oops: desole

Code:

---

1 2 3

Array.prototype.clone = function() { return new Array().concat(this); }

---

Autant pour moi

Code:

---

1 2 3 4 5

Array.prototype.clone = function() { var a = new Array().concat(this); return a; }

---

Pour les utilisateur de jquery g trouvé ça aussi (je sais pas si aussi bien car je ne connais pas le procésus de $.extend)... c'est peut etre (sans doute) plus lourd

Code:

---

1 2	aSelect = $.extend(true, [], aSelectTotal);

---

Il me semble avoir lu quelque part que le plus performant serait en fait :

Code:

---

1 2 3 4

var test = [1, 2, 3]; var test2 = test.join('|').split('|'); test2.push(4, 5); alert(test+"\n"+test2)

---

A tester... :?

EDIT :
Bon, ben après avoir testé, je retourne dans mes 22 :triste:
C'est la solution de gwyohm la plus rapide, puis celle de Spaffy et la mienne est aux choux... (du moins, avec FF 3.5 et un test sur 1000 à 1000000 éléments).
Voir l'exemple de la FAQ.

Connaissez vous un outil qui permette de tester la performance d'une methode par rapport à une autre ?

suffit de se faire son propre benchmark ..
y'en n'a pas dans les contributions ?

Code:

---

avec un autre type de variable (ex a = 1; b = 2; a = b; a++ cela ne modifie que a et pas b.

---

oui mais cette syntaxe ne te choque pas :

Code:

---

1 2 3

var obj=document.getElementById('moninput'); obj.value='huitre transilvanienne';

---

Javascript semble avoir le comportement d'affectation par référence et non par valeur pour les objets ...

+1 Spaffy, je rajouterais quand-même une précision

Citation:

---

avec un autre type de variable (ex a = 1; b = 2; a = b; a++ cela ne modifie que a et pas b.

---

En réalité, l'objet Array est un type particulier d'objet Object (pour s'en persuader, faire un alert du typeof d'une variable tableau puis puis un du constructor).
Or, quand tu utilises un type Object, tu crées une instance de cet objet.
Donc, quand tu fais :

Code:

---

var tableau2 = tableau1;

---

c'est bien l'instance de cet objet que tu copies, donc effectivement, la référence à l'objet instancié.
A l'inverse, les "objets" String ou Number sont des propriétés de Object (un typeof d'une variable de type chaîne te renvoie "string", pas "String") donc quand tu fais une copie, tu copies la propriété, pas l'instance, les deux variables sont donc déliées (ce qui d'ailleurs ne vaut pas pour le cas particulier this qui continue à hériter de l'original après une copie, c'est donc un Object à part entière).

@ Bovino : Merci beaucoup pour ces précisions

@ SpaceFrog :

Citation:

---

oui mais cette syntaxe ne te choque pas :

Code:

---

1 2 3

var obj=document.getElementById('moninput'); obj.value='huitre transilvanienne';

---

---

Là je dois avouer que je ne vois pas le rapport. Tu changes un attribut de l'objet... et il n'y a pas de référence. Pour m'expiquer:

Code:

---

1 2 3 4 5 6

var sTxt = "huitre transilvanienne"; var obj=document.getElementById('moninput'); obj.value=sTxt;   sTxt = "moule normande";

---

Le valeur de l'input n'est pas modifiée

le rapport est simple :
on affecte à obj un objet
tout comme tu le faisais en affectant à ta variable un array

Donc dans un cas ça t'étonne que l'objet initial change de valeur et pas dans le second ?

Quand tu fais

Code:

---

var obj=document.getElementById('moninput');

---

ta variable ogj ne contient pas réellement l'objet auquel elle fait référence.
Pour preuve, si tu fais ensuite

Code:

---

obj = undefined;

---

ta variable ne contient plus rien pourtant ton input existe toujours.
Mais si tu modifies une propriété de obj (dans l'exemple, c'est value), la variable et l'objet référencé sont impactés et ton input a été modifié.
Il s'agit donc bien d'un cas similaire (pas identique effectivement) à ta question sur les tableaux, donc ce que voulais dire Spaffy, c'est que cette particularité que tu soulevais, en fait tu l'utilises tout le temps ;)

Ah ok j'ai compris...

Alors merci pour ces précisions... ça auras été une journée constructive...
bien @ vous ;o)

Ben c'est toujours plus sympa de répondre à ce genre de question qu'à

Citation:

---

Pourquoi je n'arrive pas à faire un getElementById si j'ai pas mis d'id dans ma page

---

:mouarf:
En plus, grâce à toi, on a enrichi la FAQ ! ;)