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

痴心阿文

发布于 2022-11-21 00:46:31

30700

代码可运行

文章被收录于专栏：痴心阿文的专栏痴心阿文的专栏

运行总次数：0

代码可运行

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

逻辑

先弄一个随机数

//生成随机数代码 

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


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

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

然后拿到text

渲染到input

数据：

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

方法：

    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上
			},