[英]How to iterate through json object and form a new object with concatenated values using Javascript?
I have been working on api which gives data in JSON object and i have no control with it at all. 我一直在使用api来提供JSON对象中的数据,而我却完全无法控制它。 I need to pull data on select box. 我需要在选择框上提取数据。 I have managed to populate it but it allows single value binding only. 我设法填充它,但它只允许单值绑定。 ie firstName or lastName or middleName and not both. 即firstName或lastName或middleName两者都不是。 Here is my current JSON Object: 这是我当前的JSON对象:
.employeesList = [
{
id: 1,
firstName: 'firstName',
middleName: 'middleName',
lastName: 'lastName',
},
{
id: 2,
firstName: 'firstName2',
middleName: 'middleName2',
lastName: 'lastName2',
},
{
id: 3,
firstName: 'firstName3',
middleName: 'middleName3',
lastName: 'lastName3',
},
{
id: 4,
firstName: 'firstName4',
middleName: 'middleName4',
lastName: 'lastName4',
},
{
id: 5,
firstName: 'firstName5',
middleName: 'middleName5',
lastName: 'lastName5',
}
]
I would like to merge firstName, middleName and lastName in each data and form a new JSON Object having only ids and fullNames like so: 我想在每个数据中合并firstName,middleName和lastName并形成一个仅具有id和fullNames的新JSON对象,如下所示:
.employeesList = [
{
id: 1,
fullName: 'firstName MiddleName LastName'
},
{
id: 2,
fullName: 'firstName2 MiddleName2 LastName2'
},
{
id: 3,
fullName: 'firstName3 MiddleName3 LastName3'
},
{
id: 4,
fullName: 'firstName4 MiddleName4 LastName4'
},
{
id: 5,
fullName: 'firstName5 MiddleName5 LastName5'
}
]
How can i achieve that using Javascript? 如何使用Javascript实现该目标?
Use array.prototype.map : 使用array.prototype.map :
var employeesList = [ { id: 1, firstName: 'firstName', middleName: 'middleName', lastName: 'lastName', }, { id: 2, firstName: 'firstName2', middleName: 'middleName2', lastName: 'lastName2', }, { id: 3, firstName: 'firstName3', middleName: 'middleName3', lastName: 'lastName3', }, { id: 4, firstName: 'firstName4', middleName: 'middleName4', lastName: 'lastName4', }, { id: 5, firstName: 'firstName5', middleName: 'middleName5', lastName: 'lastName5', } ]; var newEmployeesList = employeesList.map(e => ({id: e.id, fullName: `${e.firstName} ${e.middleName} ${e.lastName}`})); console.log(newEmployeesList);
var employeesList = [ { id: 1, firstName: 'firstName', middleName: 'middleName', lastName: 'lastName', }, { id: 2, firstName: 'firstName2', middleName: 'middleName2', lastName: 'lastName2', }, { id: 3, firstName: 'firstName3', middleName: 'middleName3', lastName: 'lastName3', }, { id: 4, firstName: 'firstName4', middleName: 'middleName4', lastName: 'lastName4', }, { id: 5, firstName: 'firstName5', middleName: 'middleName5', lastName: 'lastName5', } ] employeesList.map((obj) => { obj["fullName"] = obj["firstName"] + " " + obj["middleName"] + " " +obj["lastName"]; delete obj["firstName"]; delete obj["middleName"]; delete obj["lastName"]; console.log(obj) });
newList = employeesList.map((empl) => {
return {
id: empl.id, fullName: empl.firstName + ' ' + empl.middleName + ' ' + empl.lastName}
}
)
I use this code and work fine for me. 我使用此代码,对我来说工作正常。 (need JQuery). (需要JQuery)。
var newEmployeesList = [];
$.each(employeesList, function(key, item) {
var f_name = item.firstName;
var m_name = item.middleName;
var l_name = item.lastName;
var obj = new Object();
obj.id = key;
obj.fullName = f_name + " " + m_name + " " + l_name;
newEmployeesList.push(obj);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.