有没有更简单的方法将外部JSON对象转换为JS对象？

Question

var twitchProfile = {}; 
request("https://api.twitch.tv/kraken/users/magnaboyy.json?client_id=8gkbch3ffqj35c1ccx088b9j6leifs8", function (error, response, body) { 
const TwitchURL = body; 
var jsonContent = JSON.parse(TwitchURL); 
twitchProfile.display_name = (jsonContent.display_name); 
twitchProfile.id = (jsonContent.id); 
twitchProfile.name = (jsonContent.name); 
twitchProfile.created_at = (jsonContent.created_at); 
twitchProfile.logo = (jsonContent.logo); 
console.log(twitchProfile); 

在我的代码中，我抓取页面的HTML正文（这是json对象），然后我解析对象中的每个键作为JS对象中的键，考虑到我不想改变任何东西在键的名称或对象的内容中，是否有办法一次性转换整个对象，而不是一次转换所有组件？如果没有，我是否以一种好的方式来做？

Answer 1

是的，你可以指定解析的对象的变量：

var twitchProfile = {}; 
request("https://api.twitch.tv/kraken/users/magnaboyy.json?client_id=8gkbch3ffqj35c1ccx088b9j6leifs8", function (error, response, body) { 
    const TwitchURL = body; 
    var twitchProfile = JSON.parse(TwitchURL); 
    console.log(twitchProfile); 
} 

此外，如果你的“TwitchProfile”已经有一些属性，你必须合并对象。合并此处描述的方法：How can I merge properties of two JavaScript objects dynamically?

Answer 2

如果你有不同的对象，但需要它们合并起来，例如：

var a = { 
x:0, 
y:1, 
z:2 
} 

var fromJSON = { 
x:11, 
y:12, 
} 

您可以使用es6Object.Assign()：

var a = { 
x:0, 
y:1, 
z:2 
} 

var fromJSON = { 
x:11, 
y:12, 
} 

var assigned = Object.Assign(a,fromJSON); 
console.log(assigned); 

// assigned = { 
// x:11, 
// y:12, 
// z:2 
// } 

Answer 3

没有，唯一你可以这样做，使其更具可读性是使用constructor。

见下面的例子请：

var jsonObj = { 
 
    "name" : "Alessandro", 
 
    "surname" : "Test", 
 
    "age" : 34 
 
}; 
 

 
function Person(json){ 
 
    this.name = json.name; 
 
    this.surname = json.surname; 
 
    this.age = json.age; 
 
} 
 

 
var person1 = new Person(jsonObj); 
 

 
console.log("Hi " + person1.name);

Answer 4

的方式来实现这一目标：

可以使用JSON.parse()创建source object的deep copy到destination(new) object和JSON.stringify() JavaScript的方法。

var jsonObj = { 
 
    "display_name" : "alpha", 
 
    "id" : 1, 
 
    "name" : "xyz", 
 
    "logo" : "blablabla" 
 
}; 
 

 
var twitchProfile = JSON.parse(JSON.stringify(jsonObj)); 
 

 
console.log(twitchProfile);

2.使用ES6传播算子，破坏作业。

const jsonObj = { 
    "display_name" : "alpha", 
    "id" : 1, 
    "name" : "xyz", 
    "logo" : "blablabla" 
}; 
const {...twitchProfile} = jsonObj; 
console.log(twitchProfile); 

3.Iterate使用for...in环和assign属性到destination(new)对象的源对象。

var jsonObj = { 
 
    "display_name" : "alpha", 
 
    "id" : 1, 
 
    "name" : "xyz", 
 
    "logo" : "blablabla" 
 
}; 
 

 
var twitchProfile = {}; 
 

 
for (var i in jsonObj) { 
 
    twitchProfile[i] = jsonObj[i]; 
 
} 
 

 
console.log(twitchProfile);