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

2022-11-21 08:46:31 浏览数 (1)

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

逻辑

先弄一个随机数

代码语言: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上
			},

0 人点赞