Tengo 2 matrices donde la primera matriz es para la clave y la segunda matriz para los valores.
var getKeys = Object.keys(data); // ['[name]', '[address]', '[gender]'] var getValues = Object.values(data); // ['Franky', 'Lemon Street', 'Male']y tengo una cadena como esta:
'My name is [name]. I live at [address]. My gender is [gender].'Quiero reemplazar las claves anteriores con valores de matriz como este:
'My name is Franky. I live at Lemon Street. My gender is Male.'He intentado usar un mapa como este:
getKeys.map((key) => { getValues.map((value) => { const replaceValue = dataValue.replace(key, value); console.log(replaceValue) }); });Pero solo se reemplazó el último valor. ¿Cómo reemplazar todas las llaves?
Hay problemas lógicos en su código. No tiene que map a través de ambas matrices. En su lugar, recorra la matriz getKeys , reemplace las claves de la matriz getKeys con valores de la matriz getValues .
¿Por qué solo se reemplaza el último valor?
Está declarando const replaceValue dentro de la función de map . Esto generará nueva memoria para replaceValue cada vez que se ejecute el ciclo. Entonces, cada ejecución crea una nueva variable y solo la última variable se mostrará en la salida.
violín de trabajo
var getKeys = ['[name]', '[address]', '[gender]']; var getValues = ['Franky', 'Lemon Street', 'Male']; const myStr = 'My name is [name]. I live at [address]. My gender is [gender].'; let replaceValue = myStr; getKeys.forEach((key, index) => { replaceValue = replaceValue.replace(key, getValues[index]); }); console.log(replaceValue);Puede usar un enfoque extensible e intentar evitar reemplazar, lo que puede crear confusión y código con errores para el texto grande. El enfoque simple será tener un tipo de matriz asociativa con el literal de la plantilla. Creo que tiene un objeto de datos, simplemente puede modificar el fragmento a continuación.
A continuación se muestra un ejemplo.
var getKeys = ['name', 'address', 'gender']; var getValues = ['Franky', 'Lemon Street', 'Male'] var obj = {}; for(var i = 0; i < getKeys.length; i++) { obj[getKeys[i]] = getValues[i]; } var str = `My name is ${obj['name']}. I live at ${obj['address']}. My gender is ${obj['gender']}.`; console.log(str)