摘要:譯者按試著不用擼代碼,是件很有趣的事,而且,萬一你領(lǐng)會了什么是數(shù)據(jù)即代碼,代碼即數(shù)據(jù)呢原文譯者為了保證可讀性,本文采用意譯而非直譯。但是,不使用的話,有時候可以增加代碼的可讀性。
譯者按: 試著不用if擼代碼,是件很有趣的事,而且,萬一你領(lǐng)會了什么是“數(shù)據(jù)即代碼,代碼即數(shù)據(jù)”呢?
原文: Coding Tip: Try to Code Without If-statements
譯者: Fundebug
為了保證可讀性,本文采用意譯而非直譯。另外,本文版權(quán)歸原作者所有,翻譯僅用于學(xué)習(xí)。
我在教新手編程時,喜歡給他們一些小小的挑戰(zhàn),比如:不使用if語句(或者三元運(yùn)算符、switch語句等)解決一些編程問題。
這樣做有什么意義嗎?
事實上,它可以迫使你從不同的角度尋找解決方法,也許可以找到更好的方法。
當(dāng)然,使用if語句沒有任何不對的地方。但是,不使用if的話,有時候可以增加代碼的可讀性。這一點并不是絕對的,如果完全不使用if語句的話,代碼可讀性也許會更差。這需要你根據(jù)不同情況去判斷。
而且,不用if的話不只是影響可讀性。在這背后隱含著更加深刻的道理。通過了解本文的代碼示例,你可以發(fā)現(xiàn),如果不使用if語句的話,你的代碼會更加接近代碼即數(shù)據(jù)的概念。
另外,當(dāng)你嘗試不使用if語句去編程時,也是一件非常有意思的事情。
示例1: 統(tǒng)計數(shù)組中的奇數(shù)假設(shè)我們有一個整數(shù)數(shù)組arrayOfIntegers,現(xiàn)在需要統(tǒng)計其中奇數(shù)的個數(shù):
const arrayOfIntegers = [1, 4, 5, 9, 0, -1, 5];使用if
let counter = 0; arrayOfIntegers.forEach((integer) => { const remainder = Math.abs(integer % 2); if (remainder === 1) { counter++; } }); console.log(counter);不用if
let counter = 0; arrayOfIntegers.forEach((integer) => { const remainder = Math.abs(integer % 2); counter += remainder; }); console.log(counter);
不用if時,我們巧妙地利用了奇數(shù)與偶數(shù)的特性,它們除以2的余數(shù)分別是0和1。
示例2: 判斷工作日和周末給定一個日期(比如new Date()),判斷它是工作日還是周末,分別返回"weekend"和"weekday"。
使用ifconst weekendOrWeekday = (inputDate) => { const day = inputDate.getDay(); if (day === 0 || day === 6) { return "weekend"; } return "weekday"; // Or, for ternary fans: // return (day === 0 || day === 6) ? "weekend" : "weekday"; }; console.log(weekendOrWeekday(new Date()));不用if
const weekendOrWeekday = (inputDate) => { const day = inputDate.getDay(); return weekendOrWeekday.labels[day] || weekendOrWeekday.labels["default"]; }; weekendOrWeekday.labels = { 0: "weekend", 6: "weekend", default: "weekday" }; console.log(weekendOrWeekday(new Date()));
你是否發(fā)現(xiàn)if語句中其實隱含著一些信息呢?它告訴我們哪一天是周末,哪一天是工作日。因此,要去掉if語句的話,我們只需要把這些信息寫入weekendOrWeekday.labels對象,然后直接使用它就好了。
廣告: 如果你需要監(jiān)控線上JavaScript代碼的錯誤的話,歡迎免費(fèi)使用Fundebug!
示例3: doubler函數(shù)寫一個doubler函數(shù),它會根據(jù)參數(shù)的類型,進(jìn)行不同的操作:
如果參數(shù)是數(shù)字,則乘以2(i.e. 5 => 10, -10 => -20);
如果參數(shù)是字符串,則每個字符重復(fù)2次 (i.e. "hello" => "hheelloo");
如果參數(shù)是函數(shù),則調(diào)用2次;
如果參數(shù)是數(shù)組,則將每一個元素作為參數(shù),調(diào)用doubler函數(shù)
如果參數(shù)是對象,則將每個屬性值作為參數(shù),調(diào)用doubler函數(shù)
使用switchconst doubler = (input) => { switch (typeof input) { case "number": return input + input; case "string": return input .split("") .map((letter) => letter + letter) .join(""); case "object": Object.keys(input) .map((key) => (input[key] = doubler(input[key]))); return input; case "function": input(); input(); } }; console.log(doubler(-10)); console.log(doubler("hey")); console.log(doubler([5, "hello"])); console.log(doubler({ a: 5, b: "hello" })); console.log( doubler(function() { console.log("call-me"); }), );不用switch
const doubler = (input) => { return doubler.operationsByType[typeof input](input); }; doubler.operationsByType = { number: (input) => input + input, string: (input) => input .split("") .map((letter) => letter + letter) .join(""), function: (input) => { input(); input(); }, object: (input) => { Object.keys(input) .map((key) => (input[key] = doubler(input[key]))); return input; }, }; console.log(doubler(-10)); console.log(doubler("hey")); console.log(doubler([5, "hello"])); console.log(doubler({ a: 5, b: "hello" })); console.log( doubler(function() { console.log("call-me"); }), );
可知,我將每一種參數(shù)類型對應(yīng)的操作綁定到了doubler.operationsByType,這樣不需要switch語句,就可以實現(xiàn)doubler函數(shù)了。
關(guān)于FundebugFundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實時BUG監(jiān)控。 自從2016年雙十一正式上線,F(xiàn)undebug累計處理了6億+錯誤事件,得到了Google、360、金山軟件等眾多知名用戶的認(rèn)可。歡迎免費(fèi)試用!
版權(quán)聲明:轉(zhuǎn)載時請注明作者Fundebug以及本文地址
https://blog.fundebug.com/2017/11/06/write-javascript-without-if/
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/89886.html
摘要:那么,這次我們不妨試試,在不使用循環(huán)語句的情況下,如何編程呢示例數(shù)組元素求和數(shù)組如下使用循環(huán)語句可知,我們需要通過修改變量,來計算結(jié)果。 譯者按: 通過使用數(shù)組的reduce、filter以及map方法來避免循環(huán)語句。 原文: Coding Tip: Try to Code Without Loops 譯者: Fundebug 為了保證可讀性,本文采用意譯而非直譯。另外,本文版權(quán)歸...
摘要:本文是在了解了瀏覽器的同源規(guī)則之后,學(xué)習(xí)了破解這個規(guī)則的一個簡單有效的方法。所以,年公司火狐的前身提出了瀏覽器的同源政策,目的是保護(hù)使用網(wǎng)站的用戶的信息安全。 本文是在了解了瀏覽器的同源規(guī)則之后,學(xué)習(xí)了破解這個規(guī)則的一個簡單有效的方法->JSONP。主要通過阮一峰老師的博客學(xué)習(xí) 瀏覽器的同源規(guī)則 有這樣一個背景,如果你通過銀行的網(wǎng)站進(jìn)行的取錢的交易,而其他用戶可以通過某個渠道獲得你在...
摘要:是什么呀是一個和不太一樣的數(shù)據(jù)庫。懷疑是同時聯(lián)了四個集合的數(shù)據(jù)造成的。這本書的定位是和的應(yīng)用,所以有意弱化了數(shù)據(jù)庫的搭建維護(hù)和底層優(yōu)化。所以本書可能不適合數(shù)據(jù)庫工程師。 這篇文章沒有代碼,請放心閱讀。 程序員最寶貴的東西是生命,生命屬于程序員只有一次。一個程序員的一生應(yīng)該這樣度過:當(dāng)她回首往事的時候,她不會因為搭建環(huán)境浪費(fèi)時間而悔恨,也不會因為集群無法運(yùn)行而羞恥。這樣,在她開發(fā)的時候,...
摘要:是什么呀是一個和不太一樣的數(shù)據(jù)庫。懷疑是同時聯(lián)了四個集合的數(shù)據(jù)造成的。這本書的定位是和的應(yīng)用,所以有意弱化了數(shù)據(jù)庫的搭建維護(hù)和底層優(yōu)化。所以本書可能不適合數(shù)據(jù)庫工程師。 這篇文章沒有代碼,請放心閱讀。 程序員最寶貴的東西是生命,生命屬于程序員只有一次。一個程序員的一生應(yīng)該這樣度過:當(dāng)她回首往事的時候,她不會因為搭建環(huán)境浪費(fèi)時間而悔恨,也不會因為集群無法運(yùn)行而羞恥。這樣,在她開發(fā)的時候,...
閱讀 3606·2021-11-15 11:38
閱讀 2801·2021-11-11 16:55
閱讀 2551·2021-11-08 13:22
閱讀 2628·2021-11-02 14:45
閱讀 1304·2021-09-28 09:35
閱讀 2568·2021-09-10 10:50
閱讀 463·2019-08-30 15:44
閱讀 2775·2019-08-29 17:06