Fonction str.reverse inversion de tous les tableaux dans une portée globale

Question

Impossible de dire si la console de mon navigateur est buggée, ou ce qui se passe, car je n'ai jamais eu de problèmes en utilisant la fonction inverse.

Quand je jette ce qui suit dans ma console de chrome,

var a = ['one', 'two', 'three']; 
var reversed = a.reverse(); 

console.log(a);  // ['one', 'two', 'three'] 
console.log(reversed); // ['three', 'two', 'one'] 

Je reçois

Answer 1

Array#reverse œuvres en place et ne crée pas un nouveau tableau. La ligne

var reversed = a.reverse(); 

renverse a et définit également reversed pour référencer le même tableau.

Dans cet exemple, vous pouvez voir que l'ajout d'un élément à reversed affecte également a parce qu'ils font référence au même tableau:

var a = ['one', 'two', 'three']; 
 
var reversed = a.reverse(); 
 

 
reversed.push(1000); // add something to reversed 
 

 
console.log(a);  // ['three', 'two', 'one', 1000] 
 
console.log(reversed); // ['three', 'two', 'one', 1000]

Pour créer un nouveau tableau utiliser Array#slice sur l'original, puis inverser le tableau:

var a = ['one', 'two', 'three']; 
 
var reversed = a.slice().reverse(); 
 

 
console.log(a);  // ['one', 'two', 'three'] 
 
console.log(reversed); // ['three', 'two', 'one']

Answer 2

La fonction inverse mute le tableau en cours. Après avoir déclaré reversed être a.reverse(), le tableau a sera également muté. Ainsi, vous imprimera ['three', 'two', 'one'] pour console.log(a) et console.log(reversed)

Qu'est-ce que vous voulez faire est de faire un clone d'un:

var a = ['one', 'two', 'three']; var reversed = a.slice().reverse();

console.log(a); // ['one', 'two', 'three'] console.log(reversed); // ['three', 'two', 'one']