Эта серия статей была переписана в середине 2017 года с актуальной информацией и свежими примерами.
В этом примере JSON мы рассмотрим, как мы можем хранить простые значения в файле, используя формат JSON.
Используя обозначения пары ключ-значение, мы можем хранить любые значения, которые нам нужны, включая строки, массивы и литералы. Конечно, мы не можем сохранить данные BLOB-объектов (например, видео, аудио или сжатые данные), поскольку файл JSON — это, по сути, текстовый файл, который мы можем редактировать с помощью любого текстового редактора.
Давайте быстро взглянем на следующий пример:
{
"colors": [
{
"color": "black",
"category": "hue",
"type": "primary",
"code": {
"rgba": [255,255,255,1],
"hex": "#000"
}
},
{
"color": "white",
"category": "value",
"code": {
"rgba": [0,0,0,1],
"hex": "#FFF"
}
},
{
"color": "red",
"category": "hue",
"type": "primary",
"code": {
"rgba": [255,0,0,1],
"hex": "#FF0"
}
},
{
"color": "blue",
"category": "hue",
"type": "primary",
"code": {
"rgba": [0,0,255,1],
"hex": "#00F"
}
},
{
"color": "yellow",
"category": "hue",
"type": "primary",
"code": {
"rgba": [255,255,0,1],
"hex": "#FF0"
}
},
{
"color": "green",
"category": "hue",
"type": "secondary",
"code": {
"rgba": [0,255,0,1],
"hex": "#0F0"
}
},
]
}
В приведенном выше примере вы можете увидеть, сколько данных мы можем предоставить о конкретном цвете. Обратите внимание на структуру и уровень вложенности. Вы также можете использовать базовую структуру для хранения ваших данных. Взгляните на следующие примеры:
{
"aliceblue": "#f0f8ff",
"antiquewhite": "#faebd7",
"aqua": "#00ffff",
"aquamarine": "#7fffd4",
"azure": "#f0ffff",
"beige": "#f5f5dc",
"bisque": "#ffe4c4",
"black": "#000000",
"blanchedalmond": "#ffebcd",
"blue": "#0000ff",
"blueviolet": "#8a2be2",
"brown": "#a52a2a",
}
Образец взят с Багамских островов10 / css-color-names
Или этот:
{
"aliceblue": [240, 248, 255, 1],
"antiquewhite": [250, 235, 215, 1],
"aqua": [0, 255, 255, 1],
"aquamarine": [127, 255, 212, 1],
"azure": [240, 255, 255, 1],
"beige": [245, 245, 220, 1],
"bisque": [255, 228, 196, 1],
"black": [0, 0, 0, 1],
"blanchedalmond": [255, 235, 205, 1],
"blue": [0, 0, 255, 1],
"blueviolet": [138, 43, 226, 1],
"brown": [165, 42, 42, 1],
"burlywood": [222, 184, 135, 1],
"cadetblue": [95, 158, 160, 1],
"chartreuse": [127, 255, 0, 1],
"chocolate": [210, 105, 30, 1],
"coral": [255, 127, 80, 1],
}
Образец взят из corysimmons / colors.json
Отличительной особенностью JSON является то, что он популярен и имеет встроенную поддержку в каждом современном языке программирования. Это означает, что вы, вероятно, получите широкий спектр наборов данных JSON (например, списки стран), которые вы можете использовать в своем проекте.
Вот другие примеры из этой серии: