如何將一個String和多個String值進行比較思路分析
更新時間：2013年04月22日 10:24:28 作者：
開發(fā)中我們經常需要將一個String和多個String值進行比較。直覺反應是使用||符號連接多個===完成，感興趣的朋友可以了解下哈
開發(fā)中我們經常需要將一個String和多個String值進行比較。直覺反應是使用||符號連接多個===完成，比如：
if (string === 'banana' || string === 'pineapple') {
fruitColor = 'yellow';
}
這樣能夠很好的完成需求，但總覺得有點笨，并且對擴展不友好，當我們的水果種類變多時：
if (string === 'banana' || string === 'pineapple' || string === 'mongo' || string === 'lemon') {
fruitColor = 'yellow';
}
上面的代碼看起來就不那么好看了，讓我們看看有什么其他方式能夠處理這種需求。
Switch
switch(string) {
case 'banana':
case 'pineapple':
case 'mongo':
case 'lemon':
fruitColor = 'yellow';
}
這看起來不錯，但是總是要多打些字，對于不喜歡多打字的人來說不是個好方法。
Array
if (['banana', 'pineapple', 'mongo', 'lemon'].indexOf(string) >= 0) {
fruitColor = 'yellow';
}
這下好多了，但還有個問題，IE9以下的IE瀏覽器并不支持indexOf方法，如果你要在IE<=8的環(huán)境中使用Array方式比較多個string值，要么自己寫一個indexOf方法，要么就得引入一些庫來做瀏覽器兼容。
jQuery
jQuery提供了一個inArray方法
if ($.inArray(['banana', 'pineapple', 'mongo', 'lemon'], string) >= 0) {
fruitColor = 'yellow';
}
Underscore
Underscore提供了一個contains方法
if (_.contains(['banana', 'pineapple', 'mongo', 'lemon'], string)) {
fruitColor = 'yellow';
}
正則表達式
當然，我們還有終極武器——正則表達式
if (/^(banana|pineapple|mongo|lemon)$/.test(string)) {
fruitColor = 'yellow';
}
復制代碼 代碼如下:
if (string === 'banana' || string === 'pineapple') {
fruitColor = 'yellow';
}
這樣能夠很好的完成需求，但總覺得有點笨，并且對擴展不友好，當我們的水果種類變多時：
復制代碼 代碼如下:
if (string === 'banana' || string === 'pineapple' || string === 'mongo' || string === 'lemon') {
fruitColor = 'yellow';
}
上面的代碼看起來就不那么好看了，讓我們看看有什么其他方式能夠處理這種需求。
Switch
復制代碼 代碼如下:
switch(string) {
case 'banana':
case 'pineapple':
case 'mongo':
case 'lemon':
fruitColor = 'yellow';
}
這看起來不錯，但是總是要多打些字，對于不喜歡多打字的人來說不是個好方法。
Array
復制代碼 代碼如下:
if (['banana', 'pineapple', 'mongo', 'lemon'].indexOf(string) >= 0) {
fruitColor = 'yellow';
}
這下好多了，但還有個問題，IE9以下的IE瀏覽器并不支持indexOf方法，如果你要在IE<=8的環(huán)境中使用Array方式比較多個string值，要么自己寫一個indexOf方法，要么就得引入一些庫來做瀏覽器兼容。
jQuery
jQuery提供了一個inArray方法
復制代碼 代碼如下:
if ($.inArray(['banana', 'pineapple', 'mongo', 'lemon'], string) >= 0) {
fruitColor = 'yellow';
}
Underscore
Underscore提供了一個contains方法
復制代碼 代碼如下:
if (_.contains(['banana', 'pineapple', 'mongo', 'lemon'], string)) {
fruitColor = 'yellow';
}
正則表達式
當然，我們還有終極武器——正則表達式
復制代碼 代碼如下:
if (/^(banana|pineapple|mongo|lemon)$/.test(string)) {
fruitColor = 'yellow';
}
您可能感興趣的文章:
相關文章
這篇文章主要為大家詳細介紹了JS實現深度優(yōu)先搜索求解兩點間最短路徑，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
this是Javascript語言的一個關鍵字它代表函數運行時，自動生成的一個內部對象，只能在函數內部使用,下面分四種情況，詳細討論this的用法，感興趣的朋友可以了解下2013-09-09
JS實現屏蔽網頁右鍵復制及ctrl+c復制的方法【2種方法】
這篇文章主要介紹了JS實現屏蔽網頁右鍵復制及ctrl+c復制的方法,結合實例形式分析了2種比較常用的屏蔽復制功能的技巧,需要的朋友可以參考下2016-09-09
本文主要給大家簡單介紹了javascript獲取元素的transform參數的方法以及個人的理解，記錄下來分享給大家。2015-07-07
JS電話號碼驗證是比較常的一種驗證，下邊給出一個JavaScript驗證電話號碼的小例子。國內固定電話都是七位或8位的數字組成的，還可以帶有長途的區(qū)號。2015-09-09
這篇文章主要為大家詳細介紹了H5圖片壓縮與上傳的實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了JavaScript中常用的六種互動方法示例，是個人的一些經驗總結，這里分享給大家，希望對大家能夠有所幫助。2015-03-03
頁面下沉抖動效果實現代碼，代碼少，功能還可以2008-05-05
跨標簽頁通信是指在瀏覽器中的不同標簽頁之間進行數據傳遞和通信的過程,這篇文章為大家整理了前端常見的跨標簽頁通信方式,有需要的小伙伴可以了解下2023-10-10
這篇文章主要給大家介紹了關于Javascript?、Vue禁止鼠標右鍵點擊事件的相關資料,禁止右鍵的原理是通過JavaScript阻止瀏覽器右鍵事件的默認行為,從而達到禁止右鍵的效果,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-11-11