快捷導(dǎo)航

js中常用的4種模糊查詢?cè)斀?includes()、indexOf()、search()、match())

更新時(shí)間：2023年11月02日 11:22:36 作者：秋悲婳

這篇文章主要給大家介紹了關(guān)于js中常用的4種模糊查詢(includes()、indexOf()、search()、match())的相關(guān)資料,搜索可以使我們更快的找到某一個(gè)關(guān)鍵詞或者某一個(gè)商品,所以模糊查詢和下拉匹配也成了前端必備的一個(gè)小技能,需要的朋友可以參考下

includes()

includes() 方法用來(lái)判斷一個(gè)數(shù)組或字符串是否包含一個(gè)指定的值，如果是則返回 true，否則返回false。

indexOf()

indexOf() 方法可返回?cái)?shù)組或字符串中某個(gè)指定的元素位置。

在數(shù)組中該方法將從頭到尾地檢索數(shù)組，看它是否含有對(duì)應(yīng)的元素。開(kāi)始檢索的位置在數(shù)組 start 處或數(shù)組的開(kāi)頭（沒(méi)有指定 start 參數(shù)時(shí)）。如果找到一個(gè) item，則返回 item 的第一次出現(xiàn)的位置。開(kāi)始位置的索引為 0。

如果在數(shù)組中沒(méi)找到指定元素則返回 -1。

在字符串中，與在數(shù)組中不同之處在與，當(dāng)在字符串中尋找的是空字符串時(shí)，返回值為0，而不是-1

search()

search() 方法用于檢索字字符串中指定的子字符串，或檢索與正則表達(dá)式相匹配的子字符串。

如果沒(méi)有找到任何匹配的子串，則返回 -1

當(dāng)在字符串中尋找的是空字符串時(shí)，返回值為0，而不是-1

match()

在字符串內(nèi)檢索指定的值，或找到一個(gè)或多個(gè)正則表達(dá)式的匹配

有的話以陣列回傳，否則回傳 null

其中查找為空字符串時(shí)，index返回值也為0

補(bǔ)充：js中includes() 和indexOf() 兩方法區(qū)分

描述

includes() ---- 判斷一個(gè)數(shù)組是否包含一個(gè)指定的值。支持ES5語(yǔ)法
indexOf() ---- 搜索數(shù)組中的元素，并返回它所在的位置。支持ES6語(yǔ)法

使用與返回值（undefined、NaN需特殊注意）

includes() 返回值true / false

let arr = [1,2,'san',4,,NaN];
console.log(arr.includes('san')); //true
console.log(arr.includes(6)); //false
console.log(arr.includes(undefined)); //true
console.log(arr.includes(NaN)); //true

indexOf() 返回查找元素下標(biāo)，沒(méi)有返回-1

var arr = [1,2,'san',4,,NaN];
console.log(arr.indexOf('san')); //2
console.log(arr.indexOf(6)); //-1
console.log(arr.includes(undefined)); //-1
console.log(arr.includes(NaN)); //-1

var arr2 = [1,undefined];
console.log(arr2.indexOf(undefined)); // 1

關(guān)于+0、-0，兩種方法都不區(qū)分正負(fù)

瀏覽器兼容性

includes()
chrome47 - firefox43 - safria9 - opera34 - ie14
indexOf()
ie8及早版本不支持除外，其他都支持

所以indexOf的兼容性相對(duì)較好

總結(jié)

到此這篇關(guān)于js中常用的4種模糊查詢(includes()、indexOf()、search()、match())的文章就介紹到這了,更多相關(guān)js常用模糊查詢內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: