首頁 web前端 js教程 如何將一個String和多個String值進行比較思路分析_javascript技巧

如何將一個String和多個String值進行比較思路分析_javascript技巧

May 16, 2016 pm 05:35 PM
比較

開發中我們經常需要將一個String和多個String值進行比較。直覺反應是使用||符號連接多個===完成,例如:

複製代碼 代碼如下:

if (string === 'banana' || string === 'pineapple') {
fruitColor = 'yellow';
}

這樣能夠非常能夠好的完成需求,但總覺得有點笨,並且對擴展不友好,當我們的水果種類變多時:
複製代碼 程式碼如下:

if (string === 'banana' || string === 'pineapple' || string === 'mongo' || string === 'lemon') {
fruitColor = 'yellow';
}

上面的程式碼看起來就不那麼好看了,讓我們看看有什麼其他方式能夠處理這種需求。
Switch
複製程式碼 程式碼如下:


程式碼如下:



程式碼如下:


程式碼如下:

碼如下: string) {
case 'banana': case 'pineapple': case 'mongo': case 'lemon': fruitColor = 'yellow'; } }
fruitColor = 'yellow';
}
}
}

這看起來不錯,但是總是要多打些字,對於不喜歡多打字的人來說不是個好方法。

Array

複製程式碼 程式碼如下:>
程式碼如下:
> ['banana', 'pineapple', 'mongo', 'lemon'].indexOf(string) >= 0) {
fruitColor = 'yellow';
}

這下好多了,但還有個問題,IE9以下的IE瀏覽器並不支援indexOf方法,如果你要在IEjQuery

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'; }
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

小米14 Pro怎麼開啟nfc功能? 小米14 Pro怎麼開啟nfc功能? Mar 19, 2024 pm 02:28 PM

小米14 Pro怎麼開啟nfc功能?

華為 Pocket2怎麼隔空刷抖音? 華為 Pocket2怎麼隔空刷抖音? Mar 18, 2024 pm 03:00 PM

華為 Pocket2怎麼隔空刷抖音?

WPS Word怎麼設定行距讓文件更工整 WPS Word怎麼設定行距讓文件更工整 Mar 20, 2024 pm 04:30 PM

WPS Word怎麼設定行距讓文件更工整

iPhone 16 Pro CAD 圖曝光 加入第二個新按鍵 iPhone 16 Pro CAD 圖曝光 加入第二個新按鍵 Mar 09, 2024 pm 09:07 PM

iPhone 16 Pro CAD 圖曝光 加入第二個新按鍵

紅米Redmi K70E如何設定自訂來電鈴聲? 紅米Redmi K70E如何設定自訂來電鈴聲? Feb 24, 2024 am 10:00 AM

紅米Redmi K70E如何設定自訂來電鈴聲?

C語言與PHP的區別及比較分析 C語言與PHP的區別及比較分析 Mar 20, 2024 am 08:54 AM

C語言與PHP的區別及比較分析

小米14 Ultra AI智慧擴圖如何使用? 小米14 Ultra AI智慧擴圖如何使用? Mar 16, 2024 pm 12:37 PM

小米14 Ultra AI智慧擴圖如何使用?

PHP7.2及5版比較及優劣勢分析 PHP7.2及5版比較及優劣勢分析 Feb 27, 2024 am 10:51 AM

PHP7.2及5版比較及優劣勢分析

See all articles