JavaScript中的contains方法用于检查一个字符串、数组或DOM元素是否包含指定内容。它会在传入的字符串、数组或DOM元素中查找指定内容,如果找到则返回true,否则返回false。
下面我将为您提供在不同场景下实现contains功能的完整攻略。
- 使用ECMAScript 6中的includes方法实现contains
在ECMAScript 6中,String、Array和TypedArray都具有includes方法,可以用它来判断一个字符串或数组中是否包含指定的元素。具体实现如下:
var str = 'hello world';
var arr = [1, 2, 3, 4, 5];
var dom = document.getElementById('example');
console.log(str.includes('world')); // true
console.log(arr.includes(3)); // true
console.log(dom.innerHTML.includes('example')); // true
上面的代码中,我们分别调用了String、Array和DOM元素的includes方法来判断它们是否包含指定内容。
- 使用indexOf方法实现contains
另一种实现contains功能的方法是使用indexOf方法。对于字符串和数组,indexOf方法可以用来查找元素在字符串或数组中的位置,如果找到则返回该元素所在的位置,否则返回-1。具体实现如下:
var str = 'hello world';
var arr = [1, 2, 3, 4, 5];
var dom = document.getElementById('example');
console.log(str.indexOf('world') !== -1); // true
console.log(arr.indexOf(3) !== -1); // true
console.log(dom.innerHTML.indexOf('example') !== -1); // true
上面的代码中,我们分别使用了String、Array和DOM元素的indexOf方法来实现contains功能。
需要注意的是,对于DOM元素来说,innerHTML可能包含一些HTML标签和特殊字符,因此在判断是否包含指定内容时,需要先将其转化为字符串,然后再调用indexOf方法。
以上就是在JavaScript中实现contains功能的两种方法,您可以根据自己的需求选择其中一种进行使用。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript中contains是否包含功能实现代码(扩展字符、数组、dom) - Python技术站