Почему не подхватывается переменная внутри json?

Question

[Сергей]

Есть javascript код:

$(document).ready(function() {
	
	var adress = [];
	var locations = ' [';
	$('.office p').each(function(el) {
		adress[el] = $(this).text();
		locations = locations + '{address:\''+adress[el]+'\', data: \'0\', options:{icon: "http://selectner.com/img/bullet.png"}},';
	});

	locations = locations + ']';
        console.log(locations);


     $('#tablink').click(function (e) {
  		
     $('#map').gmap3({
		  map:{
		     options:{
		       center:[51.4675954,0.048876],
		       zoom: 2,
		       scrollwheel: true,
		      draggable: true, 
		      }
		  },
	   marker:{
		     values : locations,
		     options:{
		      draggable: true
		    },
		    events:{
                    }
		}
	 });
});

	
	

});

Если внутри gmap3, я заменю locations на то, что выдает console.log(locations) - все работает.
Но так, как сейчас в коде - нет.

Вероятно, нужно использовать JSON.parse(locations); Но у меня в консоли это действие выдает ошибку:

SyntaxError: JSON.parse: expected property name or '}' at line 1 column 3 of the JSON data

Почему? Как сделать, чтобы заработало?

Answer 1

[vgbege]

Имена пропертей должны быть в двойных кавычках.

JSON.parse('{a:1}'); // ругнется
JSON.parse('{"a":1}'); //сработает

Comments

[Сергей]

Я переделал и теперь console.log пишет так:

[
{"address":'Toronto, SCARBOROUGH JUNCTIO', "data": '0', "options":{"icon": 'selectner.com/img/bullet.png'}},
{"address":'Moscow, tverskaya street, 18', "data": '0', "options":{"icon": 'selectner.com/img/bullet.png'}},
{"address":'Leipzig, SÜDVORSTADT', "data": '0', "options":{"icon": 'selectner.com/img/bullet.png'}},
]

Но JSON.parse(locations); выдает ошибку

[vgbege]

Сергей Илларионов: думаю, если заменить одинарные кавычки на двойные и убрать ненужную запятую после последнего объекта, заработает

[Сергей]

Спасибо огромное