最近做的項(xiàng)目里有一個(gè)內(nèi)容是,要求搜索姓名首字母的時(shí)候展示對(duì)應(yīng)的姓名,這個(gè)很簡(jiǎn)單,我們只需要使用filter和includes,使用includes來(lái)判斷是否包含指定元素,然后使用filter來(lái)創(chuàng)建一個(gè)新的數(shù)組,這樣便可以作為一個(gè)簡(jiǎn)單的本地檢索,
但是,如果使用的有大寫的話那就不能區(qū)分大小寫了,所以我們這里使用touppercase方法。
w3c中對(duì)他的解釋是:
toUpperCase() 方法將字符串轉(zhuǎn)換為大寫字母。
toUpperCase() 方法不會(huì)更改原始字符串。
那么我們?cè)趺词褂媚?,首先,把需要進(jìn)行搜索的字母使用touppercase全部變成大寫。然后再把我們需要搜索的字母也變成大寫。
然后使用includes進(jìn)行判斷,是否包含,因?yàn)?span style="text-wrap: wrap; background-color: rgb(253, 252, 248);">touppercase并不會(huì)改變?cè)甲址?,所以我們前端看到的還是變成大寫之前的樣式,但是我們的邏輯上已經(jīng)通過(guò)includes對(duì)需要進(jìn)行搜索的和被搜索的進(jìn)行了匹配,并返回了正確得到數(shù)組。
比如這里有一個(gè)示例,我們搜索world,被搜索的值為World,首字母大寫,按理說(shuō)首字母大寫就是一個(gè)不同的字符串,但是瀏覽器返回的是true。說(shuō)明匹配成功了。以上就是不區(qū)分大小寫的判斷的js寫法,實(shí)際上就是通過(guò)touppercase把需要判斷的字符串全都大寫進(jìn)行判斷。

![]()



