前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >随机数生成,类似换一个功能

随机数生成,类似换一个功能

作者头像
痴心阿文
发布2022-11-21 08:46:31
2810
发布2022-11-21 08:46:31
举报
文章被收录于专栏:痴心阿文的专栏

最近做个小程序,里面有一个换一个的功能,找了一些资料也发现很少,于是整理了一下,最后问了下朋友探讨了下实现了。

逻辑

先弄一个随机数

代码语言:javascript
复制
//生成随机数代码 

 Math.round(Math.random()*5)   // 生成0~5的随机整数


Math.floor(Math.random() * 36); //Math.floor方法用于返回小于或等于一个给定数字的最大整数;Math.random方法返回 0(含)和 1(不含)之间的随机数

随机数最大的数值是你这个数组的length

然后拿到text

渲染到input

数据:

代码语言:javascript
复制
				tglist:[
					{
						key:0,
						text:'宝,你问我为什么同时和那么多男生聊天,其实我只是想骗到他们可爱的表情包,来哄你开心啊。'
					},
					{
						key:1,
						text:'宝 告诉你一件事鸭 其实我不是人类 是海边的一种贝壳 叫沃氏泥德堡贝'
					},
					{
						key:2,
						text:'心动是多难得的东西啊 更何况是两个人都心动。'
					},
					{
						key:3,
						text:'就算我今天把话说的再绝,明天醒来我还是会喜欢你,就是这么没出息,这你知道…'
					},
					{
						key:4,
						text:'爱过的人都在天气app里。'
					},
					{
						key:5,
						text:'你连多说两个字多不愿意,而我却想为你每天写日记'
					}
				]

方法:

代码语言:javascript
复制
    mounted() {
      this.change(); //进入页面首先执行一遍这个方法
    },			

/* 换一换*/
			change(){
			//	let kongneirong = '';//声明一个空的字符串值用于后面赋值
				let list = this.tglist
			//	let list = JSON.stringify(this.tglist) // 将 JavaScript 对象转换为 JSON 字符串  
			//	let list = JSON.splice(this.tglist)
				console.log(list)
				let index =  Math.round(Math.random() * 6); //Math.floor方法用于返回小于或等于一个给定数字的最大整数;Math.random方法返回 0(含)和 1(不含)之间的随机数
				this.diyneirong = list[index].text //根据索引取得随机数加到code上
			},
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档