Почему перед объектом json в js я должен ставить '', а иначе не работает?

Question

[NsWeFront]

Почему у меня с такими данными не отображается на html странице ничего. он выдает исключение и текст ошибки.
Есть код:

let feed = document.getElementById('feed');
let respone = {"deals":[{"title" : "Краски", "description" : "123", "price" : "30", "link" : "http://www.example.com/farrow-and-ball/"},{"title" : "Хоккей", "description" : "32", "price" : "15", "link" : "http://www.example.com/farrow-and-ball/"},{"title" : "Футбол", "description" : "lorem", "price" : "5", "link" : "http://www.example.com/farrow-and-ball/"}]};
if(respone){
	try{
		let dealData = JSON.parse(respone);
		showContent(dealData);
		console.log(dealData);
	}
	catch(e){
		console.log("Не работает птичка" + e);
		feed.innerHTML = "не удалось загрузить предложение, админ пьет кофе";
	}
	finally{
		console.log("123");
	}
}	
function showContent(dealData){
	let newContent = '';
	for(let i in dealData.deals){
		newContent += '<div class="deal">';
		newContent += '<h2>' + dealData.deals[i].title + '</h2>';
		newContent += '<p>' + dealData.deals[i].description + '</p>';
    newContent += '<a href="' + dealData.deals[i].link + '">';
    newContent += ' ' + dealData.deals[i].link;
    newContent += '</a>';
    newContent += '</div>';
	}
	feed.innerHTML = newContent;
}

А если я поставлю перед {"deals" одинарную кавычку, то он мне отображает все данные в объекте json. С чем это связано?

let respone = '{"deals":[{"title" : "Краски", "description" : "123", "price" : "30", "link" : "http://www.example.com/farrow-and-ball/"},{"title" : "Хоккей", "description" : "32", "price" : "15", "link" : "http://www.example.com/farrow-and-ball/"},{"title" : "Футбол", "description" : "lorem", "price" : "5", "link" : "http://www.example.com/farrow-and-ball/"}]}';

То все заработает прекрасно.

Comments

[Сергей delphinpro]

нужно понимать разницу между объектом и строкой.
Объект не нужно парсить в объект функцией JSON.parse, потому что он уже объект.
Заключая эту часть кода в кавычки вы превращаете ее в строку, и теперь чтобы получить обратно объект, нужно распарсить строку.

[NsWeFront]

Сергей delphinpro, окей, мы его парсим если это строка. А если это обьект, то как к нему обратиться и отобразить данные ?

[Сергей delphinpro]

NsWeFront,

let dealData = typeof respone === 'string'
    ? JSON.parse(respone)
    : respone;

Answer 1

[Антон Банников]

Это связано с тем, что let respone = '{"deals"}' - присваивает строку,
let respone = {"deals":[]} - присваивает объект JS в виде json-массива.

Answer 2

[Aryeh Leonid R.]

потому что JSON.parse в качестве параметра принимает строку, а возвращает объект json.
читайте хелпы.