He revisado varias de las respuestas y deduzco que esto podría ser un error lógico, pero no puedo encontrar una manera de lograrlo.
Tengo una lista de diccionarios en mecanografiado/javascript. Uno es una copia del otro para el seguimiento. Cuando estoy modificando una de las listas, la otra también se modifica. Explique amablemente una posible manera de lograr lo mismo.
var a = new Array({"x":[2,3,14,5,7,8],"y":[7,8,9,10]}) // var b = a.slice(); //I have tried different ways of slicing as well; for example: b = [...a] b.filter(i=> i['x']= i['x'].filter(z=>z%2==0)) console.log(a,b)Este código modifica las listas a y b. Quiero lograr la modificación de b sin afectar a ¿es posible?
Esto sucede porque el objeto {"x":[2,3,14,5,7,8],"y":[7,8,9,10]} en realidad solo existe una vez en su código. Este objeto específico está presente en dos matrices diferentes. Esto significa que cuando edite este objeto, los cambios se reflejarán en ambas matrices.
Puede verificar esto haciendo a[0] === b[0] . Esto da como resultado true , porque la referencia a este objeto es idéntica: son literalmente el mismo objeto en oposición a dos objetos que contienen exactamente los mismos datos.
Hay dos enfoques comunes para este problema:
Una copia profunda es la solución más simple para este caso particular. Esto recrea la matriz y, aunque los datos parecen ser los mismos, en realidad son objetos diferentes. La forma más sencilla de hacerlo es usando var b = JSON.parse(JSON.stringify(a)) . Tenga en cuenta que es posible que esto no siempre funcione, ya que las estructuras circulares provocarán un error y se perderán funciones.
El segundo enfoque es trabajar de manera inmutable, es decir. creando nuevos objetos en lugar de modificar los existentes. Hay muchas bibliotecas que ayudan con esto, como 'immutability-helper' o 'immutable.js'. También puede resolver esto sin bibliotecas, pero a veces da como resultado un código feo. Ejemplo
var b = a.map(obj => ({ ...obj, x: obj.x.filter(numbers => numbers % 2 === 0)}))
Creamos nuevos objetos y matrices que contienen los valores que queremos, en lugar de mutarlos a los valores que queremos. ...obj nos da una copia superficial del objeto, y luego reemplazamos la propiedad x con una matriz completamente nueva (es decir, no mutada) con los datos filtrados.
Necesitas hacer una copia profunda de la fuente.
Hay diferentes formas de crear una copia profunda: por ejemplo, marque esta copia profunda de una matriz en Angular 2 + TypeScript
una forma simple es convertir a JSON y viceversa
var b = JSON.parse(JSON.stringify(a)); var a = new Array({"x":[2,3,14,5,7,8],"y":[7,8,9,10]}) var b = JSON.parse(JSON.stringify(a)); //I have tried different ways of slicing as well; for example: b = [...a] b.filter(i=> i['x']= i['x'].filter(z=>z%2==0)) console.log(a, b)Puedes probar esto:
var a = new Array({"x":[2,3,14,5,7,8],"y":[7,8,9,10]}) var b = JSON.parse(JSON.stringify(a)); b.filter(i=> i['x']= i['x'].filter(z=>z%2==0)) console.log(a,b)