WEB前端教程：创建一个随机 JSON 数据生成器

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

阅读

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

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

您需要掌握的知识点：

编码

在这个项目中，您会运用字符串插值，并让 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%"
        }
    ]
}

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

长按或扫描下方二维码，免费获取 Python公开课和大佬打包整理的几百G的学习资料，内容包含但不限于Python电子书、教程、项目接单、源码等等

发表于 2022-11-03 09:48
阅读 ( 708 )
分类：WEB前端开发

WEB前端教程：创建一个随机 JSON 数据生成器

阅读

编码

你可能感兴趣的文章

相关问题

0 条评论

作家榜 »