aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Andrés Nieto

Palma de Mallorca, España

Menú

Buscador

Curiosidad en Javascript

11 Mar

aNieto2k hace 5935 días en: Curiosidades, javascript, Programacion, webdev

+ 21

Esta mañana Jorge Cárdenas me preguntaba si veía algo raro en este código. Y tras mucho buscar y probar no entiendo por que al modificar x[0] modificamos y[0]. ¿Alguna idea? ¿Javascript crea punteros en lugar de instancias de objetos?


var x=new Array('a','b','c');
var y=new Array('d','e','f');

alert( x );     // alert "a,b,c"
alert( y );     // alert "d,e,f"

y=x; // El meollo de la cuestión.

alert( x );     // alert "a,b,c"
alert( y );     // alert "a,b,c"

x[0]='_';

alert( x );     // alert "_,b,c"
alert( y );     // alert "_,b,c"

21 comentarios, 0 referencias

Locke
@2 marzo 11th, 2007 at 6:35 pm

Hola, esto ocurre porque al igual que en java, en javascript se trabaja con la referencia de los objetos, no con su valor.

cuando tu haces

y=x;

no estas diciendo:
‘El valor de la variable x, en la posición de memoria 0x0001 se copia en la variable y, en la posición de memoria 0x0002’

sino que lo que haces es decirle:
‘La referencia asignada a la variable y es la misma referencia asignada a la variable x’

por tanto, cuando modificas x, modificas todas las variables que tienen asignada la misma referencia. No se trata de punteros (en C podriamos hacer aritmetica de punteros, con el valor de la dirección del mismo) pero a este nivel funciona de forma parecida.

Espero haber resultado de ayuda, un saludo y gracias por tu página que me está resultando muy util.

Responder
CrackVan
@3 marzo 11th, 2007 at 8:22 pm

Coincido con Locke, es mas, si haces y[0]=’_’; tambien se modificaria x[0]

Responder
Dennis Mike
@4 marzo 11th, 2007 at 9:22 pm

Esta curioso, entonces quieren decir que al igualar x con y, esta igualdad siempre estara presente

Responder
iim.vxk
@5 marzo 11th, 2007 at 9:59 pm

jejeje, gracias por postearlo, «soy tú fan!!», «soy tú fan!!»…

volviendo al tema, jiji, lo que me viene a la cabeza, es que cuanto error-inintencional no habrá en todos los scripts del mundo mundial debido a ésta «pequeña falla»…

si el mismísimo, el único, el inigua…, ok, ok… Andrés Nieto, no se dió cuenta del error a primera vista, ¿que se espera de todo los demás?… bueno, excusando un poco a andrés, estaría bien señalar que me respondió después de alejarse de los brazos de morfeo [ tal cual doncella, como a eso de las 6:07am ] XD…

bueno, el caso es de que espero que alguien aporte como copiar «sanamente» un array en javascript,,, osea, sin código adicional, no sé, una función nata…

de antepie, mil gracias ;)!!

off-topic :: vieras puesto iim.vxk en vez de jorge cárdenas, google me tiene bien rastreadito así.

Responder
aNieto2k
@6 marzo 11th, 2007 at 10:16 pm

#4 La verdad es que no me di cuenta, pero ahora que lo veo tampoco lo entiendo… no es muy práctico.

Osea te quieres hacer una copia de un array para modificarlo y tener el original a salvo… ¿no es posible?

Se me ocurre que como solución temporal, y que, ojo! no me gusta nada. Se podrían crear los dos arrays a la vez con los mismos datos,… menuda chapuza….

Responder
nibblesmx
@7 marzo 11th, 2007 at 10:37 pm

Bueno, esto pasa porque cuando nosotros tenemos un arreglo, el valor del arreglo no contiene ningun valor, sino una posicion de memoria.

Para acceder a los valores reales del arreglo, usamos los subindices [0], [1], etc…

Al igualar «y» con «x», lo que estas haciendo es asignarle la misma posicion de memoria a las 2 variables, por lo que si modificas una variable, realmente modificaras las 2; esto es algo que javascript heredo de su lenguaje padre C

Saludos, tienes un blog muy interesante

Responder
iim.vxk
@8 marzo 11th, 2007 at 10:50 pm

#5, exacto, el código puesto es de ejemplo, pero la cuestión es la misma ::

– copiar el valor de «x» a «y»
– mantener a «x» intacto – valor útil –
– trabajar / modificar con «y»

… pues sí no?, cualquier «solución» viene siendo chapuza, porque según la lógica de sentido común, al hacer «x=y», se debería estar pasando el valor, no una referencia…

un lindo parche podría ser ::

—

var x=new Array(‘a’,’b’,’c’), k, y=new Array();

for(k in x) y.push(x[k]);

—

no lo he testeado, pero tengo la ligera sensación de que podría pasar lo mismo…

de antebrazo, muchas gracias a todos por su tiempo 😉

Responder
iim.vxk
@9 marzo 11th, 2007 at 10:55 pm

#1 y #6, pués si no, tal como nos las olíamos todos, el valor se pasaba por referencia…

mis respetos para los que crearon el JS y para el lenguaje mismo, pero aveces sólo una cosa pasa por mi mente:: DuMbAsS JaVasCrOPt!¡

Responder
Tronfi
@10 marzo 11th, 2007 at 11:40 pm

Es exactamente lo que dice #1. No sé nada de javascript, pero en python es igual:

>>> x = [‘a’,’b’,’c’]
>>> y = [‘d’,’e’,’f’]
>>> x = y
>>> x.append(‘anieto2k’)
>>> y
[‘d’, ‘e’, ‘f’, ‘anieto2k’]

Responder

aNieto2k

@11 marzo 11th, 2007 at 11:54 pm

A ver que os parece:


Array.prototype.copy = function(nuevo) {
   for (var x=0;x<this .length;x++) nuevo.push(this[x]);
};

var a = new Array('a','b','c');
var b = new Array();

alert(a); //a,b,c
alert(b); // vacio

a.copy(b); // copiamos

alert(a); // a,b,c
alert(b); // a,b,c

b[0] = '_'; //Reemplazamos

alert(a); // a,b,c
alert(b); // _,b,c

Responder

iim.vxk
@12 marzo 12th, 2007 at 12:44 am

bingote!!, éso es lo que buscabamos desde un principio…

porque!!, porque!!, porque tenemos que hacer «cosas extrañas» para copiar un ~~putísimo~~ lindo array???

gracias 😉

Responder
Seba.-
@13 marzo 12th, 2007 at 2:09 am

Se llama Paradigma Orientado a Objetos.. 😀

Responder
iim.vxk
@14 marzo 12th, 2007 at 2:23 am

jojojo 😉

Responder
Locke
@15 marzo 12th, 2007 at 4:19 pm

Coincido con iim.vkx.. es porque estamos trabajando con objetos.. por mucho que digamos variable (yo el primero) se trata de objetos con un constructor y un destructor. Los valores dentro de la estructura del objeto no deben estar nunca ‘al aire’. A veces se implementa una operación por defecto para la asignación, pero no siempre.

Responder
TheViejo
@16 marzo 13th, 2007 at 1:58 am

Me ha encantado este post.

Hoy me acostaré con la satisfacción de haber aprendido algo nuevo.

Responder
ashacz
@17 marzo 15th, 2007 at 10:17 am

var a = [ 1, 2 ]; var b = [].concat(a);
Lamentablemente solo nos sirve para arrays unidimensionales 🙁

Responder
iim.vxk
@18 marzo 21st, 2007 at 8:32 am

#16 :: jeje, yo también había pensado en el uso de la función concat() de los array-objects, pero no terminaba por convencerme del todo…

Responder
Cuadric
@19 septiembre 2nd, 2007 at 3:44 am

No me lo puedo creeeer!!! Gracias muchachos!! Me han salvado de otras 9 horas de trabajo infructuoso y rompedero de cabeza. Lo del [].concat() (#16) va perfecto y seguiré trasteando un poco mas lo del prototype.copy que se ve poderoso. Muchas gracias monstruos!

Responder
skynet
@20 febrero 26th, 2008 at 5:02 pm

me encanta, hace las reflexiones que uno se hace y las contestaciones claras, gracias =)

Responder
manuel
@21 julio 31st, 2009 at 6:38 pm

me encontre con este mismo problema, pero encontre otra solucion, aunque la solucion propuesta por aNieto2K es genial… ya existe una funcion para copiar arreglos por valor y no por referencia, usando la funcion slice().
Ejemplo:

var a = new Array(‘a’,’b’,’c’);
var b = new Array();

document.write(«a : «+a+»»); //a,b,c
document.write(«b : «+b+»»); // vacio

b = a.slice() // copiamos

document.write(«a : «+a+»»); // a,b,c
document.write(«b : «+b+»»); // a,b,c

b[0] = ‘_’; //Reemplazamos

document.write(«a : «+a+»»); // a,b,c
document.write(«b : «+b+»»); // _,b,c

saludos

Responder
Reynier de la Rosa
@22 agosto 31st, 2009 at 11:20 am

De todas formas para arrays multidimensionales tenemos que hacer una chapuza

Responder