如何將一個String和多個String值進行比較思路分析
更新時間：2013年04月22日 10:24:28 作者：
開發(fā)中我們經(jīng)常需要將一個String和多個String值進行比較。直覺反應(yīng)是使用||符號連接多個===完成，感興趣的朋友可以了解下哈
開發(fā)中我們經(jīng)常需要將一個String和多個String值進行比較。直覺反應(yīng)是使用||符號連接多個===完成，比如：
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';
}
您可能感興趣的文章:
相關(guān)文章
原生JS實現(xiàn)動態(tài)加載js文件并在加載成功后執(zhí)行回調(diào)函數(shù)的方法
這篇文章主要介紹了原生JS實現(xiàn)動態(tài)加載js文件并在加載成功后執(zhí)行回調(diào)函數(shù)的方法,涉及javascript動態(tài)創(chuàng)建頁面元素、事件監(jiān)聽、回調(diào)函數(shù)使用等相關(guān)操作技巧,需要的朋友可以參考下2018-09-09
很長時間沒看正則表達式了，碰巧今天用到，溫故知新了一把,這里記錄下來，分享給大家，都是些基礎(chǔ)的知識，重點給大家講解的是正則表達式中4種常用的方法,50% 的舉一反三練習中的原創(chuàng)。2015-04-04
document.compatMode的CSS1compat使用介紹
這篇文章主要介紹了document.compatMode的CSS1compat使用,需要的朋友可以參考下2014-04-04
之前在獲取元素屬性時,踩了個坑,記錄一下,下面這篇文章主要給大家介紹了關(guān)于JS字符串截取出現(xiàn)的bug以及解決方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
JavaScript中操作字符串是一個很重要的話題,下面這篇文章主要給大家介紹了關(guān)于javascript中字符串處理常用的方法,文中通過圖文以及代碼示例介紹的非常詳細,需要的朋友可以參考下2024-03-03
在百度搜索結(jié)果中去除掉一些網(wǎng)站的資料(通過js控制不讓顯示)
這篇文章主要介紹了在百度搜索結(jié)果中去除掉一些網(wǎng)站的資料(通過js控制不讓顯示),需要的朋友可以參考下2017-05-05
微信小程序之swiper輪播圖中的圖片自適應(yīng)高度的方法
這篇文章主要介紹了微信小程序之swiper輪播圖中的圖片自適應(yīng)高度的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
BootStrap框架個人總結(jié)(bootstrap框架、導航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁
這篇文章主要介紹了BootStrap框架個人總結(jié)(bootstrap框架、導航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁tabs、模態(tài)框、菜單定位)的相關(guān)資料,需要的朋友可以參考下2016-12-12
JS等比例縮小圖片尺寸的實例，需要的朋友可以參考一下2013-02-02
這篇文章主要介紹了javascript中Function類型詳解的相關(guān)資料,需要的朋友可以參考下2015-04-04