基于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 相关文章推荐
浅析node.js中close事件
Nov 26 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
Jquery遍历select option和添加移除option的实现方法
Aug 26 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
原生js封装添加class,删除class的实例
Nov 06 Javascript
Mint UI组件库CheckList使用及踩坑总结
Dec 20 Javascript
详解小程序用户登录状态检查与更新实例
May 15 Javascript
详解微信小程序支付流程与梳理
Jul 16 Javascript
Vue-cli 移动端布局和动画使用详解
Aug 10 Javascript
vue实现滚动鼠标滚轮切换页面
Dec 13 Vue.js
Vue提供的三种调试方式你知道吗
Jan 18 Vue.js
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 操作文件的一些FAQ总结
2009/02/12 PHP
ThinkPHP3.0略缩图不能保存到子目录的解决方法
2012/09/30 PHP
Yii中render和renderPartial的区别
2014/09/03 PHP
php支付宝接口用法分析
2015/01/04 PHP
ThinkPHP中create()方法自动验证实例
2017/04/26 PHP
thinkPHP5 tablib标签库自定义方法详解
2017/05/10 PHP
PHP超低内存遍历目录文件和读取超大文件的方法
2019/05/01 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
浅析webapp框架AngularUI的demo
2014/12/21 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
2017/01/17 Javascript
深入理解 JavaScript 中的 JSON
2017/04/06 Javascript
JS实现手写parseInt的方法示例
2017/09/24 Javascript
element-ui使用导航栏跳转路由的用法详解
2018/08/22 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
layui表格数据重载
2019/07/27 Javascript
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
Python中协程用法代码详解
2018/02/10 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
django使用LDAP验证的方法示例
2018/12/10 Python
基于django channel实现websocket的聊天室的方法示例
2019/04/11 Python
Python3实现二叉树的最大深度
2019/09/30 Python
python 统计文件中的字符串数目示例
2019/12/24 Python
CSS3教程(1):什么是CSS3
2009/04/02 HTML / CSS
HTML5边玩边学(3)像素和颜色
2010/09/21 HTML / CSS
应用化学专业本科生求职信
2013/09/29 职场文书
大学生就业自荐信
2013/10/26 职场文书
捐助贫困学生倡议书
2014/05/16 职场文书
护士找工作求职信
2014/07/02 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
焦裕禄观后感
2015/06/03 职场文书
四大名著读书笔记
2015/06/25 职场文书