创建一个随机 JSON 数据生成器

阅读

在您学习以及开发过程中会经常使用到 JSON 数据，比如前面学习过的异步编程 fetch 通常就会获取 JSON 数据。

如果创建一个随机 JSON 数据生成工具不仅可以帮助您通过项目学习 JavaScript，还可以帮助您以后开发流程更加顺利。

您需要掌握的知识点：

• 字符串插值 (opens new window)
• JSON
• 循环 (opens new window)

编码

在这个项目中，您会运用字符串插值，并让 JavaScript 根据遇到某些值执行随机生成函数。例如：

{{name}}应该生成一个随机名称
{{email}}应该生成一个随机电子邮件地址。
{{number(1，10)}}应该生成一个范围为 1-10 的随机数字
{{word(10)}} 应该生成一个长度为10 的随机字符串
{{percentage(0, 100)}} 随机生成一个范围0-100的百分数

您可以参考JSON 生成器 (opens new window)

任务需求

• 能够基于给定模板生成随机 JSON 响应数据。
• 能够下载生成的 JSON 数据
• 给定模板制作参考，您可以自己设定规则

输入以下模板：

{
    name: "{{name}}", //随机生成一个名字
    age: "{{number(18, 40)}}" //随机生成一个18-40范围内的数字
    email: "{{email}}",//随机生成一个邮箱字符串
    projects: [
        {
            generateThisObjectNumberOfTimes: 3, //这个对象重复创建三次
            prjectName: "{{word(5)}}", //随机生成长度为5的字符串
            progress: "{{percentage(0, 100)}}"// 随机生成一个范围0-100的百分数
        }
    ]
}

我们将得到随机数据：

{
    name: "Amy",
    age: "22"
    email: "example@xx.com",
    projects: [
        {
            projectName: "xxxxx",
            progress: "80%"
        }，
        {
            projectName: "sssss",
            progress: "70%"
        }，
        {
            projectName: "ccccc",
            progress: "40%"
        }
    ]
}