Vue判斷字符串(或數組)中是否包含某個元素的多種方法
Vue判斷字符串中是否包含某個字符串,方法有好多種,這裡暫時先說我知道的兩種,以後知道瞭別的,會繼續更新!
方法一: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()方法接受一個參數,接受一個回調函數,對數組中的每個值執行一次,直到找到一個滿足回調函數設置的條件的元素,並返回true。
為瞭更好地理解它,讓我們看看一些 some()的實際應用:
let animals = [{name: “dog”}, {name: “horse”}, {name: “cat”}] let element = {name: “cat”} animals.some(animal => animal.name === element.name)
回調函數在前兩種情況下返回 false,但在第三個情況下返回 true,因為名稱匹配。 此後,some()暫停執行並返回 true。
由此可見,some()函數可幫助我們根據對象的內容搜索對象的存在。
總結
到此這篇關於Vue判斷字符串(或數組)中是否包含某個元素的文章就介紹到這瞭,更多相關Vue判斷是否包含某個元素內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- JavaScrip String對象的方法
- JavaScript 引用類型之原始值包裝類型String
- vue中PC端地址跳轉移動端的操作方法
- JavaScript數組常用方法解析及數組扁平化
- 一文帶你全面掌握Go語言中的正則表達式