鸡兔同笼问题

Code

<!DOCTYPE html>
<html>
<head>
    <title>Chicken And Rabbit</title>
    
</head>
<body>
<div class="wrap">
    <div>
        <input type="text" name="" id="head" placeholder="Please insert head quantity">
        <input type="text" name="" id="leg" placeholder="Please insert leg quantity">
        <input type="button" name="" id="btn" value="Calculate">
    </div>
    <div id="tip"></div>
    <div id="answer">
        <p>Chicken :<strong></strong></p>
        <p>Rabbit :<strong></strong></p>
    </div>
</div>
</body>
<script type="text/javascript">
        var headInput = document.getElementById('head');
        var legInput = document.getElementById('leg');
        var btn = document.getElementById('btn');
        var tip = document.getElementById('tip');
        var results = document.getElementById('answer').getElementsByTagName('strong');

        btn.onclick = function() {
            results[0].innerHTML = "";
            results[1].innerHTML = "";
            var headVal = Number(headInput.value);
            var legVal = Number(legInput.value);
            var sum = headVal + legVal;

            if (sum != sum) {
                tip.innerHTML = "Please insert number";
            } else if (parseInt(sum) != sum) {
                tip.innerHTML = "Please insert INT number";
            } else {
                var resultObj = calculate(headVal, legVal);
                if (JSON.stringify(resultObj) == '{}') {
                    tip.innerHTML = "The number provided can't get results";
                } else {
                    tip.innerHTML = "";
                    results[0].innerHTML = resultObj.chicken;
                    results[1].innerHTML = resultObj.rabbit;
                }
            }
        }

        function calculate(head, leg) {
            var result = {};
            var rabbit = leg / 2 - head;
            var chicken = head - rabbit;
            if (rabbit * chicken > 0 && parseInt(rabbit) == rabbit) {
                result = {
                    'rabbit' : rabbit,
                    'chicken' : chicken
                }
            };
            return result;
        }
    </script>
</html>

细节

1. 数学计算

鸡数x,兔数y,总头a,总腿b
x + y = a
2x + 4y = b
-------> y = b / 2 - a

2.Number()方法
用于将字符串转化为数字
如果输入的不是合法数字,Number()将返回NaN

3.判断输入的是否为数字
isNaN()方法
如果非数字,返回true

4.整数检测
输入值不能是小数
用parseInt()方法取整后再做判断

5.没有内容的对象的检测
{} == {}; ?
不可行,因为这是两个对象
处理方法:
1)枚举

var obj = {};
function checkObj(obj) {
    for(var i in obj) {
        if(obj.hasOwnProperty(i)){
            return false; // 不为空对象
        }
    }
    return true; // 空对象,返回true
}
checkObj(obj);

对于没有内容的空对象({}),i并不会被赋值,for-in中的内容也不会执行

2)Object.keys(obj)

var obj = {};
var checkResult = Object.keys(obj);
console.log(checkResult.length);

该方法类似于枚举,但是,是直接调用Object的keys方法,方法的返回值为所有可枚举属性的字符串数组。如果当前对象为空({}),则返回一个空数组

3)JSON.stringify()

var obj = {};
console.log(JSON.stringify(obj) == '{}')

JSON.stringify()方法,用于将JSON对象解析为字符串,即可和{}比较

4)Object.getOwnPropertyNames(obj)

var obj = {};
var checkResult = Object.getOwnPropertyNames(obj);
console.log(checkResult.length);

返回对象自己的属性的名称,返回值为一个数组,因此可以通过length属性,进行判断,如果length长度为0,则代表该对象为空

属性的可枚举性和所有权

可枚举属性是指那些内部 “可枚举” 标志设置为 true 的属性,对于通过直接的赋值和属性初始化的属性,该标识值默认为即为 true,对于通过 Object.defineProperty 等定义的属性,该标识值默认为 false。可枚举的属性可以通过 for...in 循环进行遍历(除非该属性名是一个 Symbol)。属性的所有权是通过判断该属性是否直接属于某个对象决定的,而不是通过原型链继承的。一个对象的所有的属性可以一次性的获取到。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,639评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,277评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,221评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,474评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,570评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,816评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,957评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,718评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,176评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,511评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,646评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,322评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,934评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,755评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,987评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,358评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,514评论 2 348

推荐阅读更多精彩内容

  • “不就是养个娃吗? 放!轻!松!” 珊爸的第10篇严肃报告 谢谢大家支持!上一篇《珊爸带你十分钟学奥数|牛吃草问题...
    大观家庭阅读 701评论 0 0
  • 鸡兔同笼 一、考情分析 鸡兔同笼问题在最近几年的国家公务员考试中已经不多见了,但是偶尔还会出现。在各省的公务员考试...
    锋尚阅读 2,192评论 0 3
  • 记得小时候有一个问题困扰了我好久:鸡兔同笼问题。当时的我恨透了这个题目,因为我根本不知道用什么方法才能得出正确的答...
    他叫毅燊阅读 957评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,633评论 18 139
  • 根据萧伯纳戏剧《卖花女》改编的电影里一个语言学家试图把一个粗俗的马路卖花女通过语音训练成上流社会的淑女,可是功亏一...
    茹_fa09阅读 386评论 0 0