JSON Parse JavaScript

Question

Я пытаюсь разобрать строку JSON

Вот моя примерная строка JSON;

{ 
    "className":"Rectangle", 
    "data":{ 
     "x":685, 
     "y":283, 
     "width":179, 
     "height":169, 
     "strokeWidth":5, 
     "strokeColor":"#000", 
     "fillColor":"rgba(224,224,224,0.28)" 
    }, 
    "id":"c4c49b39-d0cd-f7c7-ea89-356753051de2" 
} 

Вот мой код для разбора;

var obj; 
obj = JSON.parse({ 
    "className": "Rectangle", 
    "data": { 
     "x": 685, 
     "y": 283, 
     "width": 179, 
     "height": 169, 
     "strokeWidth": 5, 
     "strokeColor": "#000", 
     "fillColor": "rgba(224,224,224,0.28)" 
    }, 
    "id": "c4c49b39-d0cd-f7c7-ea89-356753051de2" 
}); 
console.log(obj.className); 

Здесь ошибка брошена

Uncaught SyntaxError: Unexpected token o in JSON at position 1

Мне нужно получить доступ к X и Y значения.

Answer 1

Как уже говорилось, вы пытаетесь прочитать объект, в JavaScript var obj = {} создает объект и var arr = [] создает массив.

НО: если вы ДОЛЖНЫ разобрать JSON просто положить ' в начале и в конце, чтобы сказать парсер ЭТО JSON строку:

obj = JSON.parse('{ "className": "Rectangle", "data": { "x": 685, "y": 283, "width": 179, "height": 169, "strokeWidth": 5, "strokeColor": "#000", "fillColor": "rgba(224,224,224,0.28)" }, "id": "c4c49b39-d0cd-f7c7-ea89-356753051de2" }'); 

Тогда console.log(obj.className); выведет Rectangle.

Answer 2

Вы можете получить прямой доступ значение х и у

var arr = { "className": "Rectangle", "data": { "x": 685, "y": 283, "width": 179, "height": 169, "strokeWidth": 5, "strokeColor": "#000", "fillColor": "rgba(224,224,224,0.28)" }, "id": "c4c49b39-d0cd-f7c7-ea89-356753051de2" }; 
var x = arr.data.x; 
var y= arr.data.y