JS 使用短路原理簡化條件語句代碼

yuxue 發布于2019-08-20 16:49 / 442人閱讀

摘要：首先得介紹下短路原理，一共就以下四點非常關鍵只要前面為不管后面是還是，都返回后面的值。正常思路也是最簡單的思路就是條件語句，如下結束但是代碼看起來非常的多，雖然方便閱讀，但是不方便裝逼啊使用短路原理大大精簡條件語句代碼，如下怎么樣，就一行把

首先得介紹下短路原理，一共就以下四點（非常關鍵）：

1、只要“||”前面為false,不管“||”后面是true還是false，都返回“||”后面的值。
2、只要“&&”前面是false，無論“&&”后面是true還是false，結果都將返“&&”前面的值;
3、只要“||”前面為true,不管“||”后面是true還是false，都返回“||”前面的值。
4、只要“&&”前面是true，無論“&&”后面是true還是false，結果都將返“&&”后面的值;

出題了！！！
輸出數字 1-100，逢 3 的整倍數輸出 Fizz，逢 5 的整倍數輸出 Buzz，又是 3 又是 5 的整倍數輸出 FizzBuzz。那么稍有常識的人都知道，無論你學習什么語言，學的水平有多糟糕，這道題都很容易實現。
正常JS 思路也是最簡單的思路就是條件語句，如下：

var a = 0
setInterval(function(){
    a++;
    if( a <= 50 ) {
        if( a % 15 == 0 ){
            console.log("FizzBuzz");
        } else if( a % 5 == 0 ) {
            console.log("Buzz");
        } else if(a % 3 == 0) {
            console.log("Fizz");
        } else {
            console.log(a);
        }
    } else {
        console.log("結束");
    }
},200);

但是代碼看起來非常的多，雖然方便閱讀，但是不方便裝逼啊！！！
使用短路原理大大精簡條件語句代碼，如下：

setInterval(function(){
    a++;
    (a >= 100 && window.clearInterval(t)) || console.log((((a % 15 == 0) && "FizzBuzz") || ((a % 3 == 0) && "Fizz") || ((a % 5 == 0) && "Buzz") )|| a);
},200);

怎么樣，就一行把~

GPU云服務器云服務器 js多條件篩選代碼使用js語句篩選數據條件語句最短路徑算法原理

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/83180.html

JS 中 if / if...else...替換方式

摘要：復用性缺點增加了策略類對象的使用使用策略模式，必須先了解所有的，違反了最少知識原則參考資料設計模式之策略模式減少語句的技巧對象屬性的命名規則中和代替作者以樂之名本文原創，有不當的地方歡迎指出。 showImg(https://segmentfault.com/img/bVburZ0?w=500&h=400); 說說爛大街的if/if...else...，程序中用得最多的流程判斷語句。 ...

_ivan 2019-08-23 10:29 評論0 收藏0
每日 30 秒 ? 優雅三連擊

showImg(https://segmentfault.com/img/remote/1460000018709378?w=900&h=500); 簡介短路運算、逗號運算、簡化條件語句、初始化小技巧昨天一個同學在 URL 大爆炸問了我一個問題：這是什么寫法 (data[key] = value, data) 。平時在寫文章的時候會把這些技巧稍微提示一下，認為大家都知道這些技巧，引起了小二的...

Rocture 2019-08-26 13:38 評論0 收藏0
《JavaScript高級程序設計》筆記：基本概念

摘要：一寫在前面最近重讀高級程序設計，總結下來，查漏補缺。但這種影響是單向的修改命名參數不會改變中對應的值。這是因為對象的長度是由傳入的參數個數決定的，不是由定義函數時的命名參數的個數決定的。實際改變會同步，改變也會同步一、寫在前面最近重讀《JavaScript高級程序設計》，總結下來，查漏補缺。二、JS簡介 2.1 JS組成 ECMAscript：以ECMA-262為基礎的語言，由...

ygyooo 2019-08-23 17:58 評論0 收藏0
如何提升你的javascript代碼逼格之簡寫篇

摘要：例如可以簡寫為簡寫賦值方法如果你正在使用任何流行的框架，那么你很有可能使用數組或以對象本文的形式將數據在組件和之間進行通信。可以簡寫為以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助三元運算符當你想用一行代碼來寫if...else語句的時候，使用三元操作符是非常好的選擇，例如： const x = 20; let answer; if (x > 10...

FuisonDesign 2019-08-22 15:54 評論0 收藏0
JS 中可以提升幸福度的小技巧

本文主要介紹一些JS中用到的小技巧，可以在日常Coding中提升幸福度，將不定期更新~ 1. 類型強制轉換 1.1 string強制轉換為數字可以用*1來轉化為數字(實際上是調用.valueOf方法)然后使用Number.isNaN來判斷是否為NaN，或者使用 a !== a 來判斷是否為NaN，因為 NaN !== NaN 32 * 1 // 32 ds * 1 ...

tain335 2019-08-22 11:16 評論0 收藏0