在前端开发中，模拟数据是不可避免的。而 npm 上有一个非常好用的模拟数据生成器——fake-json-generate，本文将介绍其使用方法。
什么是 fake-json-generate
fake-json-generate 是一个可定制的 JSON 数据生成器，可以生成符合指定格式的 JSON 数据。同时，它还支持生成随机字符串、数字等数据。
安装
在使用之前，我们需要先将它安装到本地项目中。在终端中切换到项目根目录下，运行以下命令：
npm install fake-json-generate
安装完成后，我们可以在项目中用 require 引入它。
基本用法
假设我们需要生成如下的 JSON 数据：
-- -------------------- ---- -------
-
------- -
------- ------
------ ---
-------- --------------
--
-------- -
-
-------- ------ ------
---------- ----- -- -- ----- -----
--
-
-------- ------- ------
---------- ----- -- -- ------ -----
-
-
-我们可以使用以下代码生成：
-- -------------------- ---- -------
----- ----- - -----------------------------
----- -------- - -
----- -
----- -----------------
---- ----------------
------ ----------------
--
------ -
-
------ --------------
-------- -----------------
--
-
------ --------------
-------- -----------------
-
-
-
----- ---- - ---------------
-----------------代码的执行结果如下：
-- -------------------- ---- -------
-
------- -
------- -----------
------ ----
-------- --------------------
--
-------- -
-
-------- ---- ----- --------
---------- ----- ----- -------- -------- ------------- -- ---- -----
--
-
-------- --- ----- ----- ---
---------- ------ ------- --- ---- ------- --- ---------- --------------- ----- --- --------- -- ------
-
-
-以上代码中，我们定义了一个 template 对象，用于指定要生成的 JSON 数据格式。其中，user 和 posts 分别对应要生成的两个对象，后面是对象的属性。这些属性的值可以是内置的模板或者是回调函数。
随机数模板可以参考 faker.js。
定制化
fake-json-generate 还支持更高级的用法，可以实现拓展模板、自定义回调等功能。例如，我们需要自定义一个模板，用于生成一个指定长度的随机字符串：
-- -------------------- ---- -------
----- ----- - -----------------------------
---------------------------------- ------- ------- -- -
----- - ------ - - ------
--- ------ - --
--- ---- - - -- - - ------- ---- -
------ -- -------------------------------------------- - --- - ---
-
------ ------
--
----- -------- - -
----- ----------------
---- -
----- ---------
-------- ---
-------- --
-
-
----- ---- - ---------------
-----------------以上代码中，我们通过调用 faker.addTemplate 方法来增加一个自定义模板。这个模板中需要传递 faker 和 schema 两个参数，用于获取随机数和 schema 中定义的自定义属性。在自定义模板中，我们使用 String.fromCharCode 方法来随机生成指定长度的随机字符串，并返回该字符串。
自定义属性中还支持更详细的操作，例如给属性设置最大值和最小值，让生成的随机数在这个范围内：
age: {
type: 'number',
minimum: 10,
maximum: 30
}以上代码中，我们为属性 age 设置一个 minimum 和 maximum 属性。这样生成的随机数就在这个范围内。
总结
本文介绍了前端开发中常用的数据生成器——fake-json-generate 的使用教程，包括安装、基本用法以及定制化的高级用法。通过这个工具，我们可以快速、高效地生成复杂的 JSON 数据，从而提高开发效率。
完整代码示例请见：fake-json-generate-demo
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601281e8991b448de0a7