使用JSON.stringify制作对象

时间:2017-11-13 18:49:56

标签: javascript

我无法在JSON.stringify之后访问对象数据。我用console.log(data [0] .colour)

得到了未定义的东西
let data = [];
let colours = ['#340068' , '#ff6978' , '#fffcf9' , '#b1ede8' , '#6d435a']
let names = ['coffee' , 'cake' , 'holiday' , 'break' , 'lunch']

var result = colours.map(function(element , i){
  data.push(`{'colour' : '${element}','name' : '${names[i]}'}`)
})

提前致谢

JSON.stringify(data)

console.log(data[0].colour)

1 个答案:

答案 0 :(得分:1)

第一个和最重要的单引号

  

'

表示字符....用于字符串使用双引号

  

"

<强>其次 JSON stringify没有得到对象......

JSON.PARSE在有效的JSON String上生成JSON对象..

&#13;
&#13;
let data = [];
let colours = ['#340068' , '#ff6978' , '#fffcf9' , '#b1ede8' , '#6d435a']
let names = ['coffee' , 'cake' , 'holiday' , 'break' , 'lunch']

var result = colours.map(function(element , i){
var item = `{"colour" : "${element}","name" : "${names[i]}"}`;
var itemstr = JSON.stringify(item);  
var itemObj = JSON.parse(itemstr);
 data.push(itemObj) //replaced '
})
   
var FirstItemOBj = JSON.parse(data[0]);
console.log(FirstItemOBj.colour);  //  gets the first object of strings
 
&#13;
&#13;
&#13;