学习javascript估摸着有半个多月了,好歹自己有过编程基础,学的还算轻松,不过js里的面向对象是真的打脑壳,但都但不懂,和我以前学过的c#简直相差太远

今天写了个随机生成斗地主玩家手牌的代码,自己还蛮满意的,一溜叽滚下床,戳开电脑来分享一手

虽然这种东西根本没啥用,哈哈

卡牌列表数组元素类型:

[1, "黑桃", 11, "K"]

  

每一张卡牌为一个数组,有4个元素,0号元素代表当前花色大小,2号元素代表当前卡片数值大小,1号和3号都是字符串,用来表示卡牌表面信息

比较大小分为两种情况,卡片数值不同和卡片数值相同

卡片数值不同情况直接比较卡片数值大小来排序,卡片数值相同就需要比较花色大小来排序

难点就在于将手牌进行排序,有了思路以后就好做了,直接贴上代码!

//创建卡牌
function CreatePoker() {
let color = [[1, "黑桃",], [2, "红桃"], [3, "梅花"], [4, "方块"]];
let number = [[1, "3"], [2, "4"], [3, "5"], [4, "6"], [5, "7"], [6, "8"], [7, "9"], [8, "10"], [9, "J"], [10, "Q"], [11, "K"], [12, "A"], [13, "2"]];
//创建卡牌数组,每种颜色对应一种数值
let pokerList = [];
for (let i = 0; i !== color.length; i++) {
for (let j = 0; j !== number.length; j++) {
pokerList.push([...color[i], ...number[j]]);
}
}
//添加大小王
pokerList.push(["", "", 14, "小 王"]);
pokerList.push(["", "", 15, "大 王"]);
//将卡牌数组打乱,随机返回-1或者是1就可以乱排序
pokerList.sort(() => {
return Math.random() > 0.5 ? -1 : 1;
});
return pokerList;//最后将得到的卡牌数组返回
}
function GivePoker(pokerList) {
//直接从乱序数组中剔除得到17项,然后排序
let sortArr = SortPoker(pokerList.splice(0, 17));
//格式化输出
let str = "";
for (let poker of sortArr) {
str += poker[1] + poker[3] + "\t";
}
return str;
}
//排序数组
function SortPoker(pokerList) {
pokerList.sort((poker1, poker2) => {
//卡牌数值相同比较花色
if (poker1[2] === poker2[2]) {
return poker1[0] - poker2[0];
}
//卡牌数值不同比较数值
return poker1[2] - poker2[2];
});
return pokerList;
}
let pokerList = CreatePoker();
let player1Poker = GivePoker(pokerList);
let player2Poker = GivePoker(pokerList);
let player3Poker = GivePoker(pokerList);
let lastPoker = GivePoker(pokerList);
console.log("玩家1:" + player1Poker);
console.log("玩家2:" + player2Poker);
console.log("玩家3:" + player3Poker);
console.log("底 牌:" + lastPoker);

下午的时候写的代码有足足80行,回家后又思考优化后只有40行了,个人感觉良好,哈哈,膨胀了膨胀了,睡觉!明天继续努力学习!

使用javascript随机生成斗地主玩家手牌的更多相关文章

  1. JavaScript随机生成信用卡卡号的方法

    这段JS代码根据信用卡卡号产生规则随机生成信用卡卡号,是可以通过验证的,仅供学习参考,请不要用于非法用途,否则后果自负. var visaPrefixList = new Array( "4 ...

  2. JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换

    /** * 随机生成颜色 * @return 随机生成的十六进制颜色 */ function randomColor(){ var colorStr=Math.floor(Math.random()* ...

  3. 使用JavaScript随机生成数字混合字母的验证码

      <script> // 封装一个随机生成数字的函数 function random(a, b) { var n = Math.round(Math.random() * (a - b) ...

  4. 【JavaScript随机生成验证码及其颜色】

    css样式: <style type="text/css"> /*给验证码设一个盒子*/ #yzm{ width: 120px; height: 50px; text- ...

  5. JavaScript随机生成布尔值

    //方法一 var rand = Boolean(Math.round(Math.random())); conosole.log(rand) // 方法二: var arr = [true,fals ...

  6. js 随机生成信用卡号

    本文实例讲述了JavaScript随机生成信用卡卡号的方法.分享给大家供大家参考.具体分析如下: 这段JS代码根据信用卡卡号产生规则随机生成信用卡卡号,是可以通过验证的,仅供学习参考,请不要用于非法用 ...

  7. JavaScript通过正则随机生成电话号码

    没有接口,就只能自己模拟Json数据了 恰好需要模拟一些电话号码,我又懒得自己随便写, 不如写一个小功能就用来实现随机生成电话号码 <!DOCTYPE html> <html lan ...

  8. 【JavaScript】随机生成10个0~100的数字

    随机生成10个0~100不重复的数字(包含0和100): 需要用到的知识点:随机数 去重 下面放代码 <!DOCTYPE html> <html> <head> & ...

  9. selenium + python自动化测试unittest框架学习(七)随机生成姓名

    在自动化测试过程中经常要测试到添加用户的操作,每次都要输入中文,原本是找了十几个中文写成了列表,然后从列表中随机取出填入用户名文本框中,随着测试的增加,发现同名的人搜索出来一大堆,最后在网上找了个随机 ...

随机推荐

  1. 【微信小程序常识】如何绑定微信小程序体验者

    转自:https://blog.csdn.net/futruejet/article/details/53223826 一.操作步骤 (1)打开微信小程序公众平台->点击右边菜单[用户身份]-& ...

  2. linux下in命令

    1.用法 : ln [option] source_file dist_file -f 建立时,将同档案名删除.               -i 删除前进行询问.               ln ...

  3. Linux实战教学笔记29:MySQL数据库企业级应用实践

    第二十九节 MySQL数据库企业级应用实践 一,概述 1.1 MySQL介绍 MySQL属于传统关系型数据库产品,它开放式的架构使得用户选择性很强,同时社区开发与维护人数众多.其功能稳定,性能卓越,且 ...

  4. C#中实例Singleton

    [C#中实例Singleton] 1.经典方案: using System; public class Singleton { private static Singleton instance; p ...

  5. js的事件冒泡和点击其他区域隐藏弹出层

    一.前言 在编写页面的时候,我们经常使用到弹出层.对于弹出层,原本的意义就是增加与用户的交互,提升用户的好感度.如果弹出层都没有较好的体验,那何谈通过交互来提升好感... 首先提出几个弹出层的注意点: ...

  6. 跨版本mysqldump恢复报错Errno1449

    已经有一套主从mysql,新增两个slave主库Server version: 5.6.22-log MySQL Community Server (GPL)旧从库Server version: 5. ...

  7. 一张图记住TCP/IP通讯中的IP地址配置

    TCP/IP通讯情景: 用网线将计算机A(服务器Server)和计算机B(Client)连接起来.程序代码在计算机A中,计算机B中安装有TCP/IP通讯助手. (图中屏幕大的是计算机A,屏幕小的笔记本 ...

  8. DapperExtensions 使用教程

    最近搭建一个框架,使用dapper来做数据库访问,数据是sql server2012,支持多个数据库.事务.orm.ado.net原生操作方式,非常方便. 使用dapper的原因网上有很多文章说明,这 ...

  9. 【转载】redis优化配置和redis.conf说明

    转载地址:http://blog.csdn.net/luozhonghua2014/article/details/40568707?utm_source=tuicool&utm_medium ...

  10. aspnetcore的那些actionresult们

    比MVC5多了n个actionresult,傻傻分不清,整理了下,妈妈再也不用担心了 https://docs.asp.net/projects/api/en/latest/autoapi/Micro ...