Vue判斷字符串(或數組)中是否包含某個元素的多種方法
Vue判斷字符串中是否包含某個字符串,方法有好多種，這里暫時先說我知道的兩種，以后知道了別的，會繼續(xù)更新！
方法一：includes方法（數組，字符串都可以）
var str = “Hello World!”;
if(str.includes(“World”)){
}數組兼用，舉例如下：
let animals = [“cat”, “dog”, “pig”, “deer”] animals.includes(“deer”) // true animals.includes(“horse”) // false
該函數返回一個布爾值，表示該值是否存在。
方法二：indexOf方法（數組，字符串都可以）
var str = “Hello World!”;
//注意：！=-1即為為真，可以找到得情況
if(str.indexOf(“World”) != -1){
}數組兼用，舉例如下：
在需要查找的元素的確切位置的情況下，可以使用indexOf(param)方法，該方法在指定的數組中查找param并返回其第一次出現的索引，如果數組不包含param則返回-1。
例如，我們可以在包含 grade 的數組中查找第一次出現的 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方法（數組可以，字符串未測）
如果字符串 string 中含有與 RegExpObject 匹配的文本，則返回 true，否則返回 false
var str = “123456”;
var reg = RegExp(/2/);
if(reg.exec(str)){
//包含}方法七：some() 方法
在搜索對象時，include()檢查提供的對象引用是否與數組中的對象引用匹配。有時候這不是我們想要的，因為對象可以有相同的字段和相應的值，但引用不同。
我們可以使用some()方法根據對象的內容進行搜索。some()方法接受一個參數，接受一個回調函數，對數組中的每個值執(zhí)行一次，直到找到一個滿足回調函數設置的條件的元素，并返回true。
為了更好地理解它，讓我們看看一些 some()的實際應用：
let animals = [{name: “dog”}, {name: “horse”}, {name: “cat”}]
let element = {name: “cat”}
animals.some(animal => animal.name === element.name)回調函數在前兩種情況下返回 false，但在第三個情況下返回 true，因為名稱匹配。 此后，some()暫停執(zhí)行并返回 true。
由此可見，some()函數可幫助我們根據對象的內容搜索對象的存在。
總結
到此這篇關于Vue判斷字符串(或數組)中是否包含某個元素的文章就介紹到這了,更多相關Vue判斷是否包含某個元素內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了vue移動端如何解決click事件延遲，封裝tap等事件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要給大家介紹了關于Vue.js源碼分析之自定義指令的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
詳解element上傳組件before-remove鉤子問題解決
這篇文章主要介紹了詳解element上傳組件before-remove鉤子問題解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
關于element-ui中el-form自定義驗證(調用后端接口)
這篇文章主要介紹了關于element-ui中el-form自定義驗證(調用后端接口)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要給大家介紹了基于Vue3創(chuàng)建一個簡單的倒計時組件的代碼示例,文中通過代碼示例介紹的非常詳細,具有一定的參考價值,需要的朋友可以參考下2023-11-11
這篇文章主要為大家詳細介紹了pinia，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-02-02
今天小編就為大家分享一篇在vue中阻止瀏覽器后退的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了使用Vue寫一個datepicker的示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
vue el-form一行里面放置多個el-form-item的實現
本文主要介紹了vue el-form一行里面放置多個el-form-item的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-08-08
這篇文章主要介紹了使用vuex解決刷新頁面state數據消失的問題記錄，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05