本內容首發于工粽號：程序員大澈，每日分享一段優質代碼片段，歡迎關注和投稿！

大家好，我是大澈！

本文約?700+?字，整篇閱讀約需?1?分鐘。

今天分享一段優質 JS 代碼片段，用條件數組來簡化條件判斷代碼的書寫，很妙且很簡單。

老規矩，先閱讀代碼片段并思考，再看代碼解析再思考，最后評論區留下你的見解！

const?condition?=?[undefined,?null,?1,?2];
if(condition.includes(a))?{doSomething()
}

分享原因

這段代碼的分享是為了展示如何使用 Array.prototype.includes() 方法來檢查條件變量是否包含在一個數組中，并且在條件滿足時執行某個操作。

它展示了一種簡潔而高效的方法來進行多值匹配，這在許多編程場景中都非常實用。

以后不要再使用像?if(a === undefined || a === null || a === 1 || a === 2) 這種多值匹配寫法了！

代碼解析

1.?const condition = [undefined, null, 1, 2];

定義條件數組condition。

如果還有需要判斷的條件值，直接在condition數組中添加即可。

這樣代碼就會簡潔很多，并且便于擴展。

2. if (condition.includes(a))

這部分代碼使用?Array.prototype.includes()?方法檢查變量?a?是否包含在?condition?數組中。

includes() 方法返回一個布爾值，如果數組中包含該值，則返回 true，否則返回 false。

如果 includes(a) 返回 true，則執行 doSomething() 函數。

3. Array.prototype.includes() 方法

該方法用于判斷一個數組是否包含一個指定的值，根據情況返回 true 或 false。

語法：array.includes(valueToFind, [fromIndex])

valueToFind：需要在數組中查找的值。

[fromIndex]：可選，從該索引處開始查找，默認為?0。

- end -