Как вытащить ключ из JSON-объекта?

Question

[Marishka97]

Есть фрагмент кода:

let parsedFile = 0;
	let request = new XMLHttpRequest();
   	request.open('POST','/getJSON', true);
   	request.setRequestHeader("Content-Type", "application/json");
   	request.addEventListener("load", function () {   
   		parsedFile = JSON.parse(request.response);
   		parsedFile = JSON.parse(parsedFile);
   		let newCheck = parsedFile[0];
   		document.getElementById('goodsInTable').innerHTML = parsedFile[0]; //Выдаёт: {"name":"Набор новогодних игрушек","size":"15","price":"980","kind":"шт","type":"Бытовые вещи","value":"40","id":"fcccd5c"}
                document.getElementById('goodsInTable').innerHTML = parsedFile[0].name (или parsedFile[0]['name']) // выдает undefined 
   	});

Как с этим бороться? Полагаю выдает undefined из-за того, что все ключи объекта JSON в кавычках, тогда другой вопрос, как их убрать?
Я пыталась сделать сделать парсинг, вот в таком виде у меня приходит переменная, которая парсит ответ с сервера:

["{"name":"Набор новогодних игрушек","size":"15","pr…type":"Бытовые вещи","value":"40","id":"fcccd5c"}", "{"name":"Порошок TIDE Мятная свежесть","size":"15"…pe":"Бытовая химия","value":"60","id":"f230d384"}", "{"name":"Coca-Cola","size":"2","price":"80","kind"…e":"Вкусовые товары","value":"40","id":"fb892c3"}", "{"name":"Игрушки","size":"2","price":"320",…pe":"Новогодние игрушки","value":"900","id":"f311f50f"}"]

Буду рада,если поможете советом о том, как сделать, чтобы всё заработало. Спасибо!

Comments

[Andrew]

откуда вы этот код взяли?

[Marishka97]

Andrew, читала курс по node.js на metanit. А что, он так плох?

[Andrew]

Marishka97, первый раз вижу чтобы ответ ловили через навешивание события.

Answer 1

[Павел Диденко]

Используйте JSON.parse(parsedFile[0]).name

Comments

[Marishka97]

Выводит ошибку:
VM69:1 Uncaught SyntaxError: Unexpected end of JSON input
at JSON.parse ()
at XMLHttpRequest.

[Павел Диденко]

Marishka97, значит на выходе у вас не JSON там, а строка. Тут 2 варианта:
1) Сделать так, чтобы приходил JSON - понять, что делаете не так
2) извращаться и парсить строку

[Михаил]

Marishka97, работает все

var str = [
  '{"name":"Набор новогодних игрушек","size":"15","pr…type":"Бытовые вещи","value":"40","id":"fcccd5c"}',
  '{"name":"Порошок TIDE Мятная свежесть","size":"15"…pe":"Бытовая химия","value":"60","id":"f230d384"}',
  '{"name":"Coca-Cola","size":"2","price":"80","kind"…e":"Вкусовые товары","value":"40","id":"fb892c3"}',
  '{"name":"Игрушки","size":"2","price":"320",…pe":"Новогодние игрушки","value":"900","id":"f311f50f"}',
];

console.log(JSON.parse(str[0]));

но двойные кавычки не к месту там

Answer 2

[Владимир Коротенко]

У вас json битый, о чем парсер честно сообщает в консоли, сравните с исправленным вариантом

https://jsfiddle.net/vkorotenko/47ypd1z3/