Tengo que buscar una clave en un objeto multidimensional y actualizar sus datos, pero sin implementar la recursividad o loop por mas de un nivel:
este es mi escenario, tengo 2 objetos A y B;
A es el original.
B es el objeto que debería usar para actualizar A
Nota: el Objeto B contiene un esquema de (llave a buscar):(dato de remplazo)
por lo tanto puede ser algo así {nodo1,nodo2,nodo3,nodo4}
y no precisamente pueden estar en el mismo nivel, por eso implemento solo un forEach
en mi código. pero dentro de el debe ser una búsqueda como find()
cuando se buscan elementos HTML
, pero no logro encontrar que implementar, con objetos de javascript.
la siguiente estructura y agrego el ejemplo de lo que he intentado:
let objA = {};
objA.openend = false;
objA.url = {};
objA.url.url1 = {normal:'black',visited:'blue',closed:'red'};
objA.url.url2 = {normal:'black',visited:'blue',closed:'red'};
objA.url.url3 = {normal:'black',visited:'blue',closed:'red'};
let objB ={openend:true,url2:{normal:'yellow',visited:'marron',closed:'green'}};
let properties = Object.keys(objB);
properties.forEach(key => {
//aqui en lugar de una sustitucion deberian emplear una busqueda y reemplazo.
//hasta ahora solo se aplicar el remplazo
objA[key]=objB[key];
});
console.log(objA);
como verán el problema es que no remplaza el segundo objeto, en lugar de eso lo agrega. me hace falta implementar algo que en lugar de hacer una sustitución directa encuentre la llave para realizar la sustitución y no una basada en llaves directas.
ejemplo del ouput esperado:
{
"openend": true,
"url": {
"url1": {
"normal": "black",
"visited": "blue",
"closed": "red"
},
"url2": {
"normal": "yellow",
"visited": "marron",
"closed": "green"
},
"url3": {
"normal": "black",
"visited": "blue",
"closed": "red"
}
},
}
Update: otro intento con recursividad // quiero evitarlo: igual no me funciono me retorno el objeto sin modificaciones en los subnodos
let objA = {};
objA.opened = false;
objA.url = {};
objA.url.url1 = {normal:'black',visited:'blue',closed:'red'};
objA.url.url2 = {normal:'black',visited:'blue',closed:'red'};
objA.url.url3 = {normal:'black',visited:'blue',closed:'red'};
let objB ={opened:true,url2:{normal:'yellow',visited:'marron',closed:'green'}};
function replaceSetting(objA,objB){
let replace = Object.keys(objB);
let original = Object.keys(objA);
replace.forEach(key1 => {
original.forEach(key2 => {
if(typeof objA[key1]!=='undefined'){
objA[key1] = objB[key1];
}else{
if(typeof objA[key2] === 'object' && Object.keys(objA[key2]).length !== 0){
objA[key2] = replaceSetting(objA[key2],objB[key1]);
}
}
});
});
return objA;
}
objA = replaceSetting(objA,objB);
console.log(objA);