Discussion :

[Spixz]

Bonjour à tous,
Dans le code suivant je ne comprends pas pourquoi les variables p et tab ont la même valeur alors que j'ai déclaré p = tab avant de trié tab.
J'ai déclarer p en const mais la fonction sort() agit sur mes 2 variables.

Code :

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

1
2
3
4
5
6
var tab = ['salut', 'arabe', 'banane', 'croissant', 'pain'];
console.log('non trie : '+tab); //non trie : salut,arabe,banane,croissant,pain
const p = tab;
tab.sort();
console.log('trie : '+tab); //trie : arabe,banane,croissant,pain,salut
console.log('p = '+p); //p = arabe,banane,croissant,pain,salut

Merci pour votre aide et bonne journée.

[Spixz]

J'ai poser la question sur le t'chat et j'ai eu la réponse de @Mermich que je poste ici si quelqu'un rencontre le même problème.

15:51 [mermich]: Spixz> La déclaration const permet de créer une constante nommée accessible uniquement en lecture. Cela ne signifie pas que la valeur contenue est immuable, uniquement que l'identifiant ne peut pas être réaffecté.
15:52 [mermich]: dans to code tu cree une copie du pointeur vers ton array, pas une copie de l'array...
15:52 [mermich]: docn lorsque tu modifie le contenu du premier tu modifies aussi celui du second
15:52 [mermich]: pour eviter ca, il faut faire une copie du contenu de ton array.

[Watilin]

Pour compléter la réponse de mermich :

Tu peux faire une copie de tab en écrivant tab.slice().

Si tu veux que p soit totalement immuable, tu peux le « geler » en appelant Object.freeze :

Code :

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

const p = Object.freeze(tab.slice());

Toute tentative ultérieure de modification des éléments de p résultera, selon le mode (strict ou non strict), en pas d’effet, ou bien en une exception TypeError.

Code :

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

1
2
3
4
5
6
7
8
9
10
// mode non strict
p[0] = "orange";
console.log(p[0]); // "salut"
 
// mode strict
(() => {
  "use strict";
  p[0] = "orange"; // TypeError: 0 is read-only
  console.log(p[0]); // n’est jamais exécuté
})();

De la même manière, tu ne peux pas ajouter ou retirer des éléments du tableau, car cela modifierait implicitement sa propriété length, et c’est impossible car le tableau a été gelé.

Code :

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

1
2
// dans les deux modes
p.push("abricot"); // TypeError: can't define array index property past the end of an array with non-writable length