你是否曾經遇到過這樣的問題,你想要在字符串、數組或列表中查找一個特定的元素,但是手里卻沒有現成的函數或方法能夠幫你實現這個功能。在這種情況下,我們可以借助JavaScript中的contains方法來實現這個功能。
首先,讓我們來看看在字符串中如何使用contains方法。假設我們有一個字符串:
const str = 'hello world';
我們想要判斷這個字符串中是否包含有字母"o",那么可以使用contains方法來實現:
const isContain = str.contains('o'); console.log(isContain); // true
如果字符串中包含有要查找的元素,contains方法將會返回true,否則返回false。
接下來,我們看看如何在數組中使用contains方法。
const arr = [1,2,3,4,5];
假設我們要查找數組中是否包含有數字"3":
const isContain = arr.includes(3); console.log(isContain); // true
同樣的,如果數組中包含有要查找的元素,includes方法將會返回true,否則返回false。
除此以外,contains方法在列表中的使用方法和在數組中是相同的。我們可以像這樣來使用:
const list = document.querySelectorAll('li'); const isContain = Array.from(list).includes(document.querySelector('li#item3')); console.log(isContain); // true
在列表中使用contains方法的語法和在數組中非常相似,我們可以使用Array.from()方法將列表轉換成數組,然后再使用includes方法來進行查找。
最后,需要注意的是,contains方法是ECMAScript 2015標準中新添加的一個方法,因此在使用之前需要先判斷所使用的瀏覽器是否支持這個方法,如果不支持的話,我們需要手動添加一個相似的函數來實現這個功能。
綜上所述,contains方法是一個實用的功能,只要我們在代碼中合理的使用,它可以極大的提高我們的開發效率。
上一篇ajajx php