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
- 阅读 ( 878 )
- 分类：WEB前端开发
