JSON 占位符 - JavaScript

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。在编写 JavaScript 程序时，我们经常需要使用 JSON。在某些情况下，需要制作一些假的 JSON 数据作为收到的 API 或其它数据的替代，这时就需要使用 JSON 占位符。在本文中，我们将介绍一些流行的 JSON 占位符库及其用法。

faker.js

faker.js 是一个用于生成假数据的 JavaScript 库。它支持多达 30 种语言，并可以生成各种类型的假数据，例如姓名、地址、电话号码等。此外，faker.js 还支持生成随机的 JSON 数据。以下是生成随机 JSON 数据的示例代码：

const faker = require('faker');

const randomObject = {
  id: faker.random.uuid(),
  name: faker.name.findName(),
  email: faker.internet.email(),
  phone: faker.phone.phoneNumber(),
  address: faker.address.streetAddress(),
  createdAt: faker.date.past(),
  updatedAt: faker.date.recent(),
};

在上述示例代码中，我们使用 faker 对象的各种方法生成了随机的 JSON 数据，并将其赋给 randomObject 变量。

chance.js

chance.js 是一个轻量级的随机数据生成器，可用于 JavaScript 和 Node.js 环境。它能生成各种不同类型的假数据，例如姓名、地址、电子邮件地址等。此外，它也能帮助你生成随机的 JSON 数据。以下是生成随机 JSON 数据的示例代码：

const Chance = require('chance');

const chance = new Chance();

const randomObject = {
  id: chance.guid(),
  name: chance.name(),
  email: chance.email(),
  phone: chance.phone(),
  address: chance.address(),
  createdAt: chance.date({year: 2021}),
  updatedAt: chance.date({year: 2022}),
};

在上述示例代码中，我们使用 Chance 类的各种方法生成了随机的 JSON 数据，并将其赋给 randomObject 变量。

json-generator.com

JSON Generator 是一个在线工具，可以帮助你快速创建具有结构的随机 JSON 数据。在该工具的网站上，你可以使用类似 JavaScript 的语法定义 JSON 模板，并在其中使用随机数函数。随后，可以立即生成与模板匹配的 JSON 数据。以下是一个 JSON 模板及其生成的 JSON 数据：

模板

[
  {
    '_repeat': 10,
    'id': '{{objectId()}}',
    'balance': '{{floating(1000, 4000, 2, "$")}}',
    'picture': 'http://placehold.it/32x32',
    'age': '{{integer(18, 50)}}',
    'name': '{{firstName()}} {{lastName()}}',
    'gender': '{{gender()}}',
    'email': '{{email()}}',
    'phone': '{{phone()}}',
    'address': '{{streetAddress(true)}}',
    'registered': '{{date(new Date(2014, 0, 1), new Date(), "YYYY-MM-ddThh:mm:ss Z")}}',
    'latitude': '{{floating(-90.000001, 90)}}',
    'longitude': '{{floating(-180.000001, 180)}}',
    'tags': [
      {
        '_repeat': '{{integer(2, 5)}}',
        'name': '{{lorem(1)}}'
      }
    ]
  }
]

生成的数据

[
  {
    "id": "6086a8d6c9c713768f239124",
    "balance": "$1,953.61",
    "picture": "http://placehold.it/32x32",
    "age": 23,
    "name": "Stella Hale",
    "gender": "female",
    "email": "stellahale@prosely.com",
    "phone": "+1 (948) 405-3947",
    "address": "396 Emma Court, Brantleyville, New Hampshire, 4962",
    "registered": "2016-04-15T10:10:44 +07:00",
    "latitude": -32.346308,
    "longitude": -143.113064,
    "tags": [
      {
        "name": "dolor"
      }
    ]
  },
  {
    "id": "6086a8d6d9afdaa7c2f2f6d7",
    "balance": "$1,956.67",
    "picture": "http://placehold.it/32x32",
    "age": 44,
    "name": "Kathie Coffey",
    "gender": "female",
    "email": "kathiecoffey@prosely.com",
    "phone": "+1 (857) 600-2609",
    "address": "651 Wilson Street, Dixie, Connecticut, 1776",
    "registered": "2016-09-17T15:04:23 +07:00",
    "latitude": -51.946233,
    "longitude": -90.243889,
    "tags": [
      {
        "name": "dolor"
      }
    ]
  },
  // ... 省略余下的数据 ...
]

在上述示例代码中，我们定义了一个 JSON 模板，并使用 json-generator.com 生成了 10 条匹配模板的随机 JSON 数据。

总之，以上是一些流行的 JSON 占位符库及其用法。当你需要制作一些假的 JSON 数据时，可以选择其中的一种使用。这些占位符库非常实用，可帮助你节省时间并提高效率。