Невозможно читать JSON файл

Question

У меня есть следующий файл JSON ниже:

{"myArea":[{ 
"name": "ny 01", 
"data": [63] 
}]} 

Я использую ниже код для извлечения данных:

$(document).ready(function() { 
    $.getJSON('area.json',function(area){ 
    console.log(area[0][0]); 
    }); 
}); 

Однако данные не извлеченное. Журнал консоли говорит об объекте объекта или неопределенном имени при попытке console.log(area[0]) или console.log(area[0].name). Каков надлежащий способ доступа к данным?

Answer 1

В Опубликованном код, area имеет одно свойство под названием myArea.

console.log(area.myArea) даст вам:

[{"name": "ny 01", "data": [63]}] 

console.log(area.myArea[0] даст вам:

{"name": "ny 01", "data": [63]} 

Чтобы получить доступ к data первого элемента:

console.log(area.myArea[0].data[0]

дало бы вам 63

Answer 2

Ваш корневой объект JSON является «объектом»! Вы можете получить доступ к свойствам с помощью area['name'] или area.name (где имя является действительным ключом).

В вашем случае у вас есть ключ myArea: area['myArea'].

Результатом этого выражения будет следующий массив (выраженный в формате JSON здесь):

[{ 
"name": "ny 01", 
"data": [63] 
}] 

Теперь вы можете получить первый элемент из myArea массива с помощью area['myAray'][0]. Это приведет к следующему объекту возвращается:

{ 
"name": "ny 01", 
"data": [63] 
} 

Доступ к данным довольно легко сейчас (но обратите внимание на данных, это массив!)

$(document).ready(function() { 
    $.getJSON('area.json',function(area){ 
    console.log(area['myArea'][0]['name']); "ny 01" 
    console.log(area['myArea'][0]['data'][0]); 63 
    }); 
}); 

Answer 3

Вы обрабатываете «область» как массив (пытаясь получить доступ к элементу с нулевым индексом), но это объект. Вместо этого попробуйте получить доступ к атрибуту «myArea» объекта.

var area = {"myArea":[{ 
    "name": "ny 01", 
    "data": [63] 
}]}; 

area[0]; // => undefined, because there is no attribute with key "0". 
area['myArea']; // => [{name:"ny 01",...}], same as "area.myArea".