JS——每次调用从数组里面随机取一个数，且不能与上一次为同一个

最新推荐文章于 2024-05-03 11:47:20 发布
最新推荐文章于 2024-05-03 11:47:20 发布
阅读量1.1k 收藏 6
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kiruthika/article/details/125563209
版权 
const arr = [1, 2, 3, 4, 5];
      let ranArr = [];
      const randomchoice = function factory(arr) {
        let rnd = Math.floor(Math.random() * arr.length);
        if (ranArr.includes(rnd)) return factory(arr);
        ranArr.push(rnd);
        return arr[rnd];
      };

      console.log(randomchoice(arr));
      console.log(randomchoice(arr));
      console.log(randomchoice(arr));
      console.log(randomchoice(arr));
      console.log(randomchoice(arr));

在这里插入图片描述

贝塔贝卡贝
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
成百上千个Java 源码DEMO 4(1-4是独立压缩包)
03-29
Java从网络取得文件 1个目标文件 简单 Java从压缩包中提取文件 1个目标文件 简单 Java存储与读取对象 1个目标文件 如题 Java调色板面板源代码 1个目标文件 摘要:Java源码,窗体界面,调色板 使用Java语言编写的一款...
js生成指定位数，指定数量不重复随机数
qq_41988552的博客
03-22 620
js生成指定位数，指定数量不重复随机数 使用递归思想 /** * * @param {*} mynum 生成数量 * @param {*} mywei 生成位数 * @param {*} callback 回调函数 */ const bossRand = (mynum, mywei, callback) => { let RandomArr = [] function createRandom() { // 生成指定位数 let t = ''
js生成不重复的随机数（最高效，递归）
热门推荐
Little Luck
11-29 1万+
//产生不重复的随机数 mynum 产生数量 mywei 生成位数 callback 回调函数 var bossRand = function(mynum,mywei,callback){ var RandomArr = []; var RandomTotal= 0; function createRandom(num ,...
js-递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值
rbgg_mp的博客
11-19 348
递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值 let arr = new Array(5), randomArr = randomFunc(), num = 0; function randomFunc() { return Math.floor(Math.random() * 31) + 2; } function newArrFunc(arr, randomArr) { if (arr.indexOf(randomArr) == -1) {
[js] 用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值
qq_56715703的博客
06-08 150
3、用递归算法生成不重复的值——>判断此随机整数是否已经存在数组arr内，用数组循环迭代的方法，不能使用for/while等循环。关于范围的计算：[n-m] ——> Math.floor(Math.random() * (m - n + 1)) + n;1、创建数组的方式之一：new Array() 括号内数字表示数组的长度。1、数组长度为5——>要生成一个长度为5的空数组arr，用来存放值。2、随机数在2-32之间——>生成一个2-32之间随机整数rand。2、生成随机整数rand。
JavaScript 随机从数组取一项 永不重复
博观而约取，厚积而薄发。
12-23 3049
假设有这么一个数组 var data = [1, 2, 3, 4, 5, 6, 7, 8]; 数组内有几个 就抽取几次 并且每次抽取的不能重复 首先我们要知道 随机数我们是控制不了的 所以 我们只能通过控制数组来实现 先写一个方法 function getExtract(array) { const random = (min, max) => Math.floor(Math.random() * (max - min) + min); //随机数方法 } 我们可以生成一个最小为0
【前端笔试题二】从一个指定数组中，每次随机取一个数，且不能与上次取数相同，即避免相邻取数重复
二三的博客
02-12 1183
本篇文章记录下我在笔试过程中遇到的真实题目，供大家参考。
JS从数组中随机获取一个值
qq_43762932的博客
09-06 8405
JS从数组中随机获取一个值方法解读， JS从数组中随机获取的方法很简单，大家还想了解更多的可直接关注我
js应该如何获取一个随机数
lvhongwei1990的博客
02-11 1120
1.背景介绍 随机数在实际中使用很广泛，比如要随即生成一个固定长度的字符串、数字。 或者像js-task1中一样随机选择一个盒子，随机一个颜色等等。 这个时候我们就要知道用js应该如何获取一个随机数。 2.知识剖析 1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括1) 2.Math.floor(num); 参数num为一个数值，函数结果为num的整数部分。 3.Math...
JS数组中（Array）随机选出一项或者几项
青颜的天空的博客
05-07 6473
js 数组我们经常在开发中使用，那么，我们如何快速的随机选择其中一项呢？
JS 在指定数组中随机取出N个不重复的数据
10-25
主要介绍了JS 在指定数组中随机取出N个不重复数据的方法,需要的朋友可以参考下
成百上千个Java 源码DEMO 3(1-4是独立压缩包)
03-29
Java从网络取得文件 1个目标文件 简单 Java从压缩包中提取文件 1个目标文件 简单 Java存储与读取对象 1个目标文件 如题 Java调色板面板源代码 1个目标文件 摘要:Java源码,窗体界面,调色板 使用Java语言编写的一款...
JAVA上百实例源码以及开源项目源代码
09-17
5个目标文件，演示Address EJB的实现，创建一个EJB测试客户端，得到名字上下文，查询jndi名，通过强制转型得到Home接口，getInitialContext()函数返回一个经过初始化的上下文，用client的getHome()函数调用Home接口...
JAVA上百实例源码以及开源项目
01-03
5个目标文件，演示Address EJB的实现，创建一个EJB测试客户端，得到名字上下文，查询jndi名，通过强制转型得到Home接口，getInitialContext()函数返回一个经过初始化的上下文，用client的getHome()函数调用Home接口...
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 842
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。
最新发布
XING的博客
05-03 879
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。采用M（model）V（view）C（controller）三层体系结构，通过。
element-ui的bug记录
nick_zhang的博客
04-29 495
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
bpmn-js推荐几款常用的插件
飞云先生
04-30 99
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
表格隔行变色
weixin_54339833的博客
05-02 363
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
vue实现数字滚动抽奖,提供一个数组,从数组里面随机滚动并抽取
06-08
好的，下面是一个简单的实现方法： 1. 首先，在 Vue.js 组件中定义一个包含数字的数组，例如： ``` data() { return { numbers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] } } ``` 2. 在模板中使用一个 div 元素来显示随机选中的数字。这个 div 元素需要绑定一个动态的数字滚动效果，可以使用第三方库如 animate.css 或者手写 CSS 动画来实现。 ``` <template> <div class="number-container"> <div class="number">{{ selectedNumber }}</div> </div> </template> <style> .number-container { width: 100px; height: 100px; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; } .number { font-size: 48px; animation: roll 2s ease-in-out infinite; } @keyframes roll { 0% { transform: translateY(0); } 50% { transform: translateY(-50px); } 100% { transform: translateY(0); } } </style> ``` 3. 在组件的方法中实现随机选取数字的逻辑，并将选中的数字赋值给 selectedNumber 属性。 ``` methods: { roll() { const index = Math.floor(Math.random() * this.numbers.length); this.selectedNumber = this.numbers[index]; } } ``` 4. 在组件的 mounted 钩子函数中调用 roll 方法，使得组件一开始就随机选取一个数字。 ``` mounted() { this.roll(); } ``` 至此，一个简单的数字滚动抽奖功能就实现了。当用户点击抽奖按钮时，只需要再次调用 roll 方法，就可以随机选取一个新的数字并进行滚动显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值