Home / Questions / 5186
Accepted
Luis Alberto Aguilera Clarke
Asked: 2020-03-04 17:53:45 +0800 CST 2020-03-04 17:53:45 +0800 CST

是否可以更改 Json 或 Json 数组中的属性名称？

  • 772

我需要从数组中重命名 Json 属性

[
{
 nombre : 'Luis',
 apellido : 'Gonzales'
},
{
 nombre : 'Maria',
 apellido : 'Perez'
},
{
 nombre : 'Ignacia',
 apellido : 'Valdebenito'
}
]

我需要修改如下

[
{
 nombreUsuario : 'Luis',
 apellidoUsuario : 'Gonzales'
},
{
 nombreUsuario : 'Maria',
 apellidoUsuario : 'Perez'
},
{
 nombreUsuario : 'Ignacia',
 apellidoUsuario : 'Valdebenito'
}
]

是否可以通过一个函数来完成它，而不是通过一个循环for来完成它，该循环穿过数组将它输入另一个？

javascript

1 Answers

  1. Best Answer

    这个问题有两个部分，一个是如何重命名属性，另一个是如何为数组重命名。

    您可以使用一些不同的方法...

    当前版本的 Node.js（和现代浏览器）实现了Array.prototype.map，它允许您处理数组并获得转换后的结果。这种方法创建一个具有新属性的新对象，它适用于您使用的简单结构。很少的领域。

    var arreglo = [{
  nombre: 'Luis',
  apellido: 'Gonzales'
}, {
  nombre: 'Maria',
  apellido: 'Perez'
}, {
  nombre: 'Ignacia',
  apellido: 'Valdebenito'
}];

// para cada elemento, se crea un nuevo objeto con las nuevas propiedades.
var arreglado = arreglo.map( item => { 
  return { nombreUsuario: item.nombre , apellidoUsuario : item.apellido }; 
});

console.log(arreglado);

    小心！此语法不适用于旧版本的 node 3.x，也不适用于旧浏览器。如果您需要为 node 3.x 或更旧的浏览器执行此操作，它非常相似，您应该将箭头函数更改为普通声明并使用lodash.js或类似的函数来获得map函数。

    使用删除运算符

    如果你想重命名一个（或几个）属性，你可以这样做，利用删除操作符。

    var arreglo = [{
  nombre: 'Luis',
  apellido: 'Gonzales'
}, {
  nombre: 'Maria',
  apellido: 'Perez'
}, {
  nombre: 'Ignacia',
  apellido: 'Valdebenito'
}];

// para cada elemento... 
var arreglado = arreglo.map( item => { 
  // lo guardas temporalmente
  var temporal = item.nombre;
  // eliminas el valor que ya no quieres
  delete item.nombre;
  // creas el valor nuevo.
  item.nombreNuevo = temporal;
  return item; 
});

console.log(arreglado);

    当然，您可以通过创建 obj 或使用 delete 来使用 for，但 map 更惯用。

    最后对于老派，在英文网站的这个答案中，提出了一种重命名属性的方法。

    Object.prototype.renameProperty = function (oldName, newName) {
  // no hacer nada si los nombre son iguales
  if (oldName == newName) {
    return this;
  }
  // Verificar si ya existe la propiedad con el nombre nuevo y evitar errores.
  if (this.hasOwnProperty(oldName)) {
    this[newName] = this[oldName];
    delete this[oldName];
  }
  return this;
};

// lo usas así... también podrías usar map, o un for común..
// eso dependerá de la compatibilidad que necesites y lo
// "modernizado" que quieras que sea tu código.
for (var item of arreglo) {
  item.renameProperty('nombre', 'nombreUsuario');
  item.renameProperty('nombre', 'apellidoUsuario');
}
    • 14