转换嵌套数据结构使用一个类对象

Question

我有以下：

data = [ 
    { 
     "user":{"firstName":"John","lastName":"Doe"}, 
     "info":{"x":1,"y":2}, 
     "moreInfo":{"name":"johns12info"} 
    }, 
    { 
     "user":{"firstName":"John","lastName":"Doe"}, 
     "info":{"x":2,"y":2}, 
     "moreInfo":{"name":"johns22info"} 
    }, 
    { 
     "user":{"firstName":"Mary","lastName":"Doe"}, 
     "info":{"x":2,"y":2}, 
     "moreInfo":{"name":"marys22info"} 
    } 

]

然而，我希望为用户成员能够类型用户的对象。所以，我希望上述转换为以下几点：

data = [ 
    { 
     "user":User({"firstName":"John","lastName":"Doe"}), 
     "info":{"x":1,"y":2}, 
     "moreInfo":{"name":"johns12info"} 
    }, 
    { 
     "user":User({"firstName":"John","lastName":"Doe"}), 
     "info":{"x":2,"y":2}, 
     "moreInfo":{"name":"johns22info"} 
    }, 
    { 
     "user":User({"firstName":"Mary","lastName":"Doe"}), 
     "info":{"x":2,"y":2}, 
     "moreInfo":{"name":"marys22info"} 
    } 

]

的JavaScript ES6的转换可以使用哪些是整洁和强大的（转换应该没有明确的提到info或moreInfo）？在python中，我可能会使用理解来做到这一点，但在JavaScript中的数组理解是非标准的。

Answer 1

你也可以遍历数据和更新财产x.user=new User(x.user)

注：这将覆盖现有的阵列。

function User(obj) { 
 
    this.firstName = obj.firstName; 
 
    this.lastName = obj.lastName; 
 
    this.fullName =() => { 
 
    return this.firstName + " " + this.lastName 
 
    } 
 
} 
 

 
var data = [{ "user": { "firstName": "John", "lastName": "Doe" }, "info": { "x": 1, "y": 2 }, "moreInfo": { "name": "johns12info" } }, { "user": { "firstName": "John", "lastName": "Doe" }, "info": { "x": 2, "y": 2 }, "moreInfo": { "name": "johns22info" } }, { "user": { "firstName": "Mary", "lastName": "Doe" }, "info": { "x": 2, "y": 2 }, "moreInfo": { "name": "marys22info" } }]; 
 

 
data.forEach(x => { 
 
    x.user = new User(x.user); 
 
}); 
 

 
data.forEach(x=>{console.log(x.user.fullName())})

如果要创建一个新的数组，使用array.map

function User(obj) { 
 
    this.firstName = obj.firstName; 
 
    this.lastName = obj.lastName; 
 
    this.fullName =() => { 
 
    return this.firstName + " " + this.lastName 
 
    } 
 
} 
 

 
var data = [{ "user": { "firstName": "John", "lastName": "Doe" }, "info": { "x": 1, "y": 2 }, "moreInfo": { "name": "johns12info" } }, { "user": { "firstName": "John", "lastName": "Doe" }, "info": { "x": 2, "y": 2 }, "moreInfo": { "name": "johns22info" } }, { "user": { "firstName": "Mary", "lastName": "Doe" }, "info": { "x": 2, "y": 2 }, "moreInfo": { "name": "marys22info" } }]; 
 

 
var pData = data.map(x => { 
 
    x.user = new User(x.user); 
 
    return x; 
 
}); 
 

 
pData.forEach(x=>{console.log(x.user.fullName())})

Answer 2

你可以使用解构和迭代数据。

function User({ firstName, lastName }){ 
 
    this.firstName = firstName, 
 
    this.lastName = lastName; 
 
} 
 

 
var data = [{ user: { firstName: "John", lastName: "Doe" }, info: { x: 1, y: 2 }, moreInfo: { name: "johns12info" } }, { user: { firstName: "John", lastName: "Doe" }, info: { x: 2, y: 2 }, "moreInfo": { name: "johns22info" } }, { user: { firstName: "Mary", lastName: "Doe" }, info: { x: 2, y: 2 }, moreInfo: { name: "marys22info" } }]; 
 

 
data.forEach(o => o.user = new User(o.user)); 
 
console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }