在我們前端日常開發(fā)中經(jīng)常會(huì)遇到判斷一個(gè)字符串中是否包含某個(gè)元素的需求,下面這篇文章主要給大家介紹了關(guān)于Vue判斷字符串(或數(shù)組)中是否包含某個(gè)元素的多種方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

方法一：includes方法（數(shù)組，字符串都可以）

var str = “Hello World!”;
if(str.includes(“World”)){
}

數(shù)組兼用，舉例如下：

let animals = [“cat”, “dog”, “pig”, “deer”]
animals.includes(“deer”) // true
animals.includes(“horse”) // false

該函數(shù)返回一個(gè)布爾值，表示該值是否存在。

方法二：indexOf方法（數(shù)組，字符串都可以）

var str = “Hello World!”;
//注意：！=-1即為為真，可以找到得情況
if(str.indexOf(“World”) != -1){
}

數(shù)組兼用，舉例如下：

在需要查找的元素的確切位置的情況下，可以使用indexOf(param)方法，該方法在指定的數(shù)組中查找param并返回其第一次出現(xiàn)的索引，如果數(shù)組不包含param則返回-1。

例如，我們可以在包含 grade 的數(shù)組中查找第一次出現(xiàn)的 grade:

let grades = [“A”, “B”, “C”, “D”]
grades.indexOf(“A”) // 0
grades.indexOf(“F”) // -1

方法三：search方法

var str = “Hello World!”;
//注意：！=-1即為為真，可以找到得情況
if(str.search(“World”) != -1){
}

方法四：match方法

該方法類似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

var str=‘12334';
var reg=RegExp(/3/);
if(str.match(reg)){
//包含
}

方法五：text方法

如果字符串 string 中含有與 RegExpObject 匹配的文本，則返回 true，否則返回 false

var str = “123456”;
var reg = RegExp(/2/);
console.log(reg.test(str)); // true

方法六：exec方法（數(shù)組可以，字符串未測）

如果字符串 string 中含有與 RegExpObject 匹配的文本，則返回 true，否則返回 false

var str = “123456”;
var reg = RegExp(/2/);
if(reg.exec(str)){
//包含}

方法七：some() 方法

在搜索對象時(shí)，include()檢查提供的對象引用是否與數(shù)組中的對象引用匹配。有時(shí)候這不是我們想要的，因?yàn)閷ο罂梢杂邢嗤淖侄魏拖鄳?yīng)的值，但引用不同。

我們可以使用some()方法根據(jù)對象的內(nèi)容進(jìn)行搜索。some()方法接受一個(gè)參數(shù)，接受一個(gè)回調(diào)函數(shù)，對數(shù)組中的每個(gè)值執(zhí)行一次，直到找到一個(gè)滿足回調(diào)函數(shù)設(shè)置的條件的元素，并返回true。

為了更好地理解它，讓我們看看一些 some()的實(shí)際應(yīng)用：

let animals = [{name: “dog”}, {name: “horse”}, {name: “cat”}]
let element = {name: “cat”}
animals.some(animal => animal.name === element.name)

回調(diào)函數(shù)在前兩種情況下返回 false，但在第三個(gè)情況下返回 true，因?yàn)槊Q匹配。此后，some()暫停執(zhí)行并返回 true。
由此可見，some()函數(shù)可幫助我們根據(jù)對象的內(nèi)容搜索對象的存在。

總結(jié)

到此這篇關(guān)于Vue判斷字符串(或數(shù)組)中是否包含某個(gè)元素的文章就介紹到這了,更多相關(guān)Vue判斷是否包含某個(gè)元素內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

軟件下載

源碼下載

軟件編程

網(wǎng)絡(luò)編程

在線工具

數(shù)據(jù)庫

CMS

常用工具

Vue判斷字符串(或數(shù)組)中是否包含某個(gè)元素的多種方法

目錄

方法一：includes方法（數(shù)組，字符串都可以）

方法二：indexOf方法（數(shù)組，字符串都可以）

方法三：search方法

方法四：match方法

方法五：text方法

方法六：exec方法（數(shù)組可以，字符串未測）

方法七：some() 方法

總結(jié)

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具

Vue判斷字符串(或數(shù)組)中是否包含某個(gè)元素的多種方法

目錄

方法一：includes方法（數(shù)組，字符串都可以）

方法二：indexOf方法（數(shù)組，字符串都可以）

方法三 ：search方法

方法四：match方法

方法五：text方法

方法六：exec方法（數(shù)組可以，字符串未測）

方法七：some() 方法

總結(jié)

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具

方法一：includes方法（數(shù)組，字符串都可以）

方法二：indexOf方法（數(shù)組，字符串都可以）

方法三：search方法

方法六：exec方法（數(shù)組可以，字符串未測）