Este tutorial demostrará los enfoques para cambiar el valor de un objeto dentro de una matriz en JavaScript.
¿Cómo cambiar/actualizar el valor de un objeto que está dentro de una matriz usando JavaScript?
Para cambiar el valor de un objeto que está dentro de una matriz, use los siguientes métodos predefinidos de JavaScript:
Método 1: cambiar el valor del objeto que está dentro de una matriz usando el método 'findIndex ()'
Para cambiar el valor de un objeto dentro de la matriz, use el ' buscarÍndice() ' método. Este método encuentra el índice del elemento en una matriz que cumple con cierta condición. Para especificar la condición, utiliza una función de devolución de llamada.
Sintaxis
Siga la sintaxis dada para cambiar el valor de un objeto usando el método findIndex():
objetoarreglo. buscarÍndice ( objeto => {
//condición
} ) ;
Ejemplo
Cree una matriz que contenga diferentes objetos:
era arrObj = [ { identificación : 5 , nombre : 'mayor' , edad : 25 } ,
{ identificación : 9 , nombre : 'Pablo' , edad : 26 } ,
{ identificación : 12 , nombre : 'steven' , edad : 20 } ]
Llame al método findIndex() con la función de devolución de llamada que verifica la identificación de los objetos equivalentes a ' 12 ”, y almacenar el índice del objeto en una variable “ obtenerIndice ”:
constante obtenerIndice = arrObj. buscarÍndice ( objeto => {devolver objeto identificación === 12 ;
} ) ;
Cambiar el valor de la propiedad” edad ” de objeto:
arrObj [ obtenerIndice ] . edad = 24 ;
Finalmente, imprima la matriz actualizada de objetos en la consola:
consola. registro ( 'La matriz actualizada de objetos es:' ) ;consola. registro ( arrObj ) ;
La salida indica que el valor de “ edad ” del objeto cuyo id es 12 se ha cambiado con éxito de “ 20 ' a ' 24 ”:
Método 2: cambie el valor del objeto que está dentro de una matriz usando el método 'mapa ()' con el operador de extensión
Utilice el “ mapa() ” método con el “ operador de propagación ” para cambiar el valor del objeto dentro de una matriz. 'mapa ()' se utiliza para crear una nueva matriz llamando a una función en cada elemento de una matriz existente. Mientras que el operador de propagación permite distribuir o copiar elementos de la matriz en una nueva matriz o los argumentos de una llamada de función. El método “mapa()” no modifica/cambia la matriz original pero genera una nueva matriz con los elementos modificados.
Sintaxis
Para cambiar el valor de un objeto utilizando el método map() con el operador de propagación, utilice la siguiente sintaxis:
si ( condición ) {
devolver { ... objeto , llave : nuevo valor } ;
}
devolver objeto ;
} ) ;
Ejemplo
Llame al método map() con operador de propagación para cambiar el nombre del objeto cuyo id es ' 9 ”:
si ( objeto identificación === 9 ) {
devolver { ... objeto , nombre : 'Alicia' } ;
}
devolver objeto ;
} ) ;
Imprima la matriz modificada del objeto en la consola:
consola. registro ( newObjectArr ) ;La propiedad ' nombre ” del objeto cuyo id es “ 9 ” ha sido cambiado de “ Pablo ' a ' Alicia ”:
Método 3: cambiar el valor del objeto que está dentro de una matriz usando el método 'buscar ()'
Para cambiar el valor de un objeto dentro de una matriz, use el ' encontrar() ' método. Se utiliza para encontrar el elemento en una matriz que cumple una condición dada. Muestra el valor del elemento si cumple la condición. De lo contrario, da ' indefinido , ” indicando que no se encuentra dicho elemento.
Sintaxis
Use la sintaxis dada para el método find() para encontrar el elemento en una matriz:
//condición
} ) ;
Ejemplo
Invoque el método find() para encontrar el objeto cuyo id es “ 5 ” y almacenar el objeto en una variable “ buscarÍndice ”:
devolver objeto identificación === 5 ;
} ) ;
Compruebe si la variable 'findIndex' no es igual a ' indefinido 'significa, si se encuentra el objeto, cambiar el valor de la propiedad' nombre ” del objeto:
si ( buscarÍndice !== indefinido ) {buscarÍndice. nombre = 'John' ;
}
Finalmente, imprima el objeto en la consola:
consola. registro ( buscarÍndice ) ;La salida muestra solo el objeto especificado cambiando su valor:
Método 4: cambiar el valor del objeto que está dentro de una matriz usando el bucle 'for-of'
También puede utilizar el ' para-de ” bucle para cambiar el valor de un objeto dentro de la matriz. Se utiliza para iterar sobre la matriz de objetos y verificar la condición para cambiar el valor del objeto. Después de acceder y cambiar el valor del objeto, termine el ciclo usando el ' romper ” palabra clave.
Sintaxis
Siga la sintaxis dada para el bucle 'for-of':
si ( condición ) {
//declaración
romper ;
}
}
Ejemplo
Use el bucle for-of y verifique el objeto cuya identificación es ' 5 ” y cambiar el “ edad ' a ' 27 ”:
si ( objeto identificación === 5 ) {
objeto edad = 27 ;
romper ;
}
}
Imprima el objeto actualizado dentro de la matriz en la consola:
consola. registro ( arrObj ) ;Producción
Hemos recopilado toda la información esencial relevante para el valor cambiante de un objeto que está dentro de la matriz en JavaScript.
Conclusión
Para cambiar el valor de un objeto que está dentro de una matriz, use los métodos predefinidos de JavaScript, incluido el ' buscarÍndice() , “ mapa() ” método con “ operador de propagación ”, “ encontrar() ” método, o el “ para-de ' bucle. Estos métodos cambiaron con éxito los valores de un objeto dentro de una matriz. Este tutorial demostró los diferentes enfoques para cambiar el valor de un objeto que está dentro de una matriz en JavaScript.