你試過不用if擼程式碼嗎？

試著不用if擼程式碼，是件很有趣的事，而且，萬一你領會了什麼是“資料即程式碼，程式碼即資料”呢？

我在教新手程式設計時，喜歡給他們一些小小的挑戰，比如：不使用if語句(或者三元運算子、switch語句等)解決一些程式設計問題。

這樣做有什麼意義嗎？

事實上，它可以迫使你從不同的角度尋找解決方法，也許可以找到更好的方法。

當然，使用if語句沒有任何不對的地方。但是，不使用if的話，有時候可以增加程式碼的可讀性。這一點並不是絕對的，如果完全不使用if語句的話，程式碼可讀性也許會更差。這需要你根據不同情況去判斷。

而且，不用if的話不只是影響可讀性。在這背後隱含著更加深刻的道理。通過了解本文的程式碼示例，你可以發現，如果不使用if語句的話，你的程式碼會更加接近程式碼即資料的概念。

另外，當你嘗試不使用if語句去程式設計時，也是一件非常有意思的事情。

示例1: 統計陣列中的奇數

假設我們有一個整數陣列arrayOfIntegers，現在需要統計其中奇數的個數：

constarrayOfIntegers = [1, 4, 5, 9, 0, -1, 5];

使用if

letcounter = 0;

arrayOfIntegers.forEach((integer) =>{

constremainder = Math.abs(integer % 2);

if(remainder === 1) {

counter++;

}

});

console.log(counter);

不用if

letcounter = 0;

arrayOfIntegers.forEach((integer) =>{

constremainder = Math.abs(integer % 2);

counter += remainder;

});

console.log(counter);

不用if時，我們巧妙地利用了奇數與偶數的特性，它們除以2的餘數分別是0和1。

示例2： 判斷工作日和週末

給定一個日期(比如new Date())，判斷它是工作日還是週末，分別返回”weekend”和”weekday”。

使用if

constweekendOrWeekday =(inputDate) =>{

constday = 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(newDate()));

不用if

constweekendOrWeekday =(inputDate) =>{

constday = inputDate.getDay();

returnweekendOrWeekday.labels[day] ||

weekendOrWeekday.labels['default'];

};

weekendOrWeekday.labels = {

0: 'weekend',

6: 'weekend',

default: 'weekday'

};

console.log(weekendOrWeekday(newDate()));

你是否發現if語句中其實隱含著一些資訊呢？它告訴我們哪一天是週末，哪一天是工作日。因此，要去掉if語句的話，我們只需要把這些資訊寫入weekendOrWeekday.labels物件，然後直接使用它就好了。

示例3: doubler函式

寫一個doubler函式，它會根據引數的型別，進行不同的操作：

如果引數是數字，則乘以2(i.e. 5 => 10, -10 => -20)；

如果引數是字串，則每個字元重複2次 (i.e. 'hello' => 'hheelloo')；

如果引數是函式，則呼叫2次；

如果引數是陣列，則將每一個元素作為引數，呼叫doubler函式

如果引數是物件，則將每個屬性值作為引數，呼叫doubler函式

使用switch

constdoubler =(input) =>{

switch(typeofinput) {

case'number':

returninput + input;

case'string':

returninput

.split('')

.map((letter) =>letter + letter)

.join('');

case'object':

Object.keys(input)

.map((key) =>(input[key] = doubler(input[key])));

returninput;

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

constdoubler =(input) =>{

returndoubler.operationsByType[typeofinput](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])));

returninput;

},

};

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');

}),

);

可知，我將每一種引數型別對應的操作繫結到了doubler.operationsByType，這樣不需要switch語句，就可以實現doubler函式了。