颜色 JSON 示例文件

在这个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",
}

样本取自bahamas10 / 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数据集（例如国家/地区列表）。

这是该系列的其他示例：

• Google Maps JSON示例
• YouTube JSON示例
• Twitter JSON示例
• GeoIP JSON示例
• WordPress JSON示例
• 数据库JSON示例
• 本地REST JSON示例
• 测试数据JSON示例
• JSON服务器示例

原文链接: https://www.sitepoint.com/colors-json-example/