Quiero agregar un nuevo elemento a la matriz que está dentro del objeto anidado usando su ruta. Busqué pero no encontré nada al respecto. Por ejemplo, mi objeto es:
const sample = { enum: 4, key: "COMMON_TYPE", steps: [ { title: "STEP ONE", description: "des1", instructions: [ { icon: "step_power", label: { text: "METHOD_OVEN_DEFAULT_STEP_ONE_ICONTEXT", color: "A11111", location: "top", }, }, ], }, { title: "STEP TWO", description: "des2", instructions: [ { icon: "step_power", label: { text: "METHOD_OVEN_DEFAULT_STEP_TWO_ICONTEXT_ONE", color: "A11111", location: "top", }, }, ], }, ], };y quiero un nuevo elemento para esta ruta 'steps.0.instructions' y el segundo elemento debe ser una copia del primer índice para esa matriz. En el evento onClick obtuve la ruta de la clave como 'steps.0.instructions'. Ahora necesito una función que devuelva newObject para un problema determinado. Mi salida debería ser así:
const sample = { enum: 4, key: "COMMON_TYPE", steps: [ { title: "STEP ONE", description: "des1", instructions: [ { icon: "step_power", label: { text: "METHOD_OVEN_DEFAULT_STEP_ONE_ICONTEXT", color: "A11111", location: "top", }, { icon: "step_power", label: { text: "METHOD_OVEN_DEFAULT_STEP_ONE_ICONTEXT", color: "A11111", location: "top", } }, ], }, { title: "STEP TWO", description: "des2", instructions: [ { icon: "step_power", label: { text: "METHOD_OVEN_DEFAULT_STEP_TWO_ICONTEXT_ONE", color: "A11111", location: "top", }, }, ], }, ], };Gracias..
Esto hace lo que pides.
JSON.parse(JSON.stringify(sample)) para una copia profunda. Puedes hacerlo de la forma que prefieras.
const addToPath = (sample, path) => { const parts = path.split(".") const newSample = JSON.parse(JSON.stringify(sample)) const instructionsArray = newSample[parts[0]][parts[1]][parts[2]] instructionsArray.push(instructionsArray[0]) return newSample }Y se llamará de la siguiente manera:
const newSample = addToPath(sample, "steps.0.instructions")use la función de cambio para agregar un nuevo elemento al comienzo de la matriz. me gusta
sample.steps.instructions.unshift( { icon: "step_power#2", label: { text: "METHOD_OVEN_DEFAULT_STEP_ONE_ICONTEXT", color: "A11111", location: "top", } })Si desea copiar un objeto, busque qué significa copia profunda.
Aquí hay algunos enlaces útiles: