JavaScript no proporciona una función incorporada para cambiar el nombre de una clave de objeto. Así que veremos diferentes enfoques para lograr esto en este artículo.
Claves:
en JavaScript, los objetos se utilizan para almacenar la recopilación de varios datos. Es una colección de propiedades. Una propiedad es un par “clave:valor” . Las claves se conocen como ‘nombre de propiedad’ y se utilizan para identificar valores.
Método 1: Cambiar el nombre del objeto por simple asignación de variables. Después de la asignación de variable o variables, eliminaremos el par clave-valor antiguo e imprimiremos el nuevo par clave-valor.
Sintaxis:
obj['New key'] = obj['old key'];
Nota: El cambio de nombre del objeto mediante una simple asignación de variable se puede aplicar en varios pares de clave y valor.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript: Object Rename Key
</title>
</head>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<button type="button" onclick="rename()">
rename
</button>
<script>
// JavaScript Program to
// illustrate renaming
var capitals = [{ // creating an object 'capital' with
"Burma": "Naypyitaw" // key "Burma" and value "Naypitaw"
}];
console.log(capitals);
function rename() { // function to rename on button click
capitals = capitals.map(function(obj) {
obj['Myanmar'] = obj['Burma']; // Assign new key
delete obj['Burma']; // Delete old key
return obj;
});
console.log(capitals);
}
</script>
</body>
</html>
Salida antes de cambiar el nombre:
Salida después de cambiar el nombre:
Método 2:
en este enfoque, cambiaremos el nombre de la clave de objeto dada utilizando defineProperty() para manipular la propiedad del objeto.
defineProperty():
este método estático se usa para definir una nueva propiedad de un objeto o modificar una existente, y devuelve el objeto. Acepta 3 parámetros. Ellos son: Objeto a modificar, nombre de la clave , y el atributo de descripción respectivamente en ese orden.
Sintaxis:
Object.defineProperty(obj, key, description)
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript: Object Rename Key
</title>
</head>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<button type = "button" onclick = "rename()">
rename
</button>
<script>
// JavaScript Program to
// illustrate renaming key
var capitals= [{ // creating an object 'capital' with
"Persia": "Tehran" // key "Persia" and value "Tehran"
}];
console.log(capitals);
// function to rename old key
function renameKey(obj, old_key, new_key) {
// check if old key = new key
if (old_key !== new_key) {
Object.defineProperty(obj, new_key, // modify old key
// fetch description from object
Object.getOwnPropertyDescriptor(obj, old_key));
delete obj[old_key]; // delete old key
}
}
function rename(){
capitals.forEach(obj => renameKey(obj, 'Persia', 'Iran'));
console.log(capitals);
}
</script>
</body>
</html>
Salida antes de cambiar el nombre:
Salida después de cambiar el nombre:
Publicación traducida automáticamente
Artículo escrito por vishodushaozae y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA