基于js实现抽红包并分配代码实例


Posted in Javascript onSeptember 19, 2019

这篇文章主要介绍了基于js实现抽红包并分配代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

将 50000元随机分给10个人,其中3个人必须分到百位数,4个人分到千位数,3个人分到万位数,每个人所得金额

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Document</title>
</head>
<body>
  将 50000元随机分给10个人,其中3个人必须分到百位数,4个人分到千位数,3个人分到万位数,每个人所得金额
</body>
<script type="text/javascript">   
  /**
   *
   * @param {Object} amount 总数钱
   * @param {Object} list [2,2,2,3,3,3,3,4,4,4] 3个百位,4个千位,3个万位
   */   
  //不要小数
  function devide(amount,list){
    var len = list.length;     
    //先计算所有的自身位数范围
    var arr = [];
    for(var i = 0; i < len; i++){
      var item = getRange(list[i]);
       
      arr.push(item);
    }     
    var res = [];
    //只算n-1位,剩下最后一个,不用计算
    for(var i = 0; i < len-1; i++){
      var index = Math.floor(Math.random() * arr.length); //随机获取一个,然后用来取
      var item = arr.splice(index,1)[0]; //取出当前需要发的红包位数
      var result = calc(amount,item,arr);
      if(result){
        res.push(result);
        amount = amount - result;
      }else{
        return [];
      }
    }     
    if(arr[0].start > amount || arr[0].end < amount){
      console.warn("分配出现错误,请重新规划分配方案");
      return [];
    }     
    res.push(amount);
    return res;
  }   
  function calc(amount,item,arr){  
    //当其他的都取最小值时的总和,为了保证每个都分到
    var otherRange = getOtherRange(arr);
    var minStart = otherRange.countStart;
    var maxEnd = otherRange.countEnd;
    var mins = amount - minStart; //剩余可取
    var end = item.end;
    var start = item.start;
    if(start > mins){
      console.warn("分配出现错误,请重新规划分配方案");
      return false;
    }else if(end > mins){
      //如果最大范围大于剩余的
      end = mins;
    }     
    //则随机抽取从 start至end     
    var result = Math.floor(Math.random()*(end-start) + start);
     
    if(amount - result > maxEnd){
      //取的值太小,其他的取最大值也分不完
      console.warn("分配出现错误,请重新规划分配方案");
    }
     
    return result;
  }   
  //获取某位的范围
  function getRange(item){
    return {
      start:Math.pow(10,item),   //比如百位2,这里最小就是100
      end: Math.pow(10,item+1) - 1 //百位最大为 1000-1
    }
  }   
  //获取所有的范围
  function getOtherRange(arr){
    var countStart = 0;
    var countEnd = 0;
    for(var i = 0; i < arr.length; i++){
      countStart += arr[i].start;
      countEnd += arr[i].end;
    }
    return {
      countStart,
      countEnd
    };
  }
  console.log(devide(50000,[2,2,2,3,3,3,3,4,4,4]))
</script>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery下attr和removeAttr的使用方法
Dec 28 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
Oct 31 Javascript
jQuery Ajax实现跨域请求
Jan 21 Javascript
angular-cli修改端口号【angular2】
Apr 19 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
Sep 15 Javascript
在Swiper内如何制作CSS3动画效果示例代码
Dec 07 Javascript
深入浅析JavaScript中的in关键字和for-in循环
Apr 20 Javascript
Vant picker 多级联动操作
Nov 02 Javascript
微信小程序实现滚动Tab选项卡
Nov 16 Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 #Javascript
Vue 实例事件简单示例
Sep 19 #Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 #Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 #Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 #Javascript
node 标准输入流和输出流代码实例
Sep 19 #Javascript
解决layui数据表格排序图标被超出的表头挤出去的问题
Sep 19 #Javascript
You might like
PHP函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
destoon复制新模块的方法
2014/06/21 PHP
PHP token验证生成原理实例分析
2019/06/05 PHP
过虑特殊字符输入的js代码
2010/08/05 Javascript
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
IE关闭时判断及AJAX注销案例学习
2013/02/18 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
2014/04/08 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
JavaScript中的parse()方法使用简介
2015/06/12 Javascript
简单理解JavaScript中的封装与继承特性
2016/03/19 Javascript
Vue 2.0的数据依赖实现原理代码简析
2017/07/10 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
angularjs自定义过滤器demo示例
2019/08/24 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
javascript实现点亮灯泡特效示例
2019/10/15 Javascript
Vue实现兄弟组件间的联动效果
2020/01/21 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
利用pandas将numpy数组导出生成excel的实例
2018/06/14 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
HTML5 Notification(桌面提醒)功能使用实例
2014/03/17 HTML / CSS
如何给HTML标签中的文本设置修饰线
2019/11/18 HTML / CSS
请说出几个常用的异常类
2013/01/08 面试题
临床医学大学生求职信
2013/09/28 职场文书
大学生两会学习心得体会
2014/03/10 职场文书
党的群众路线教育实践活动对照检查材料(四风)
2014/09/27 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
ORACLE查看当前账号的相关信息
2021/06/18 Oracle
python异步的ASGI与Fast Api实现
2021/07/16 Python