javascript中contains是否包含功能实现代码(扩展字符、数组、dom)

JavaScript中的contains方法用于检查一个字符串、数组或DOM元素是否包含指定内容。它会在传入的字符串、数组或DOM元素中查找指定内容,如果找到则返回true,否则返回false。

下面我将为您提供在不同场景下实现contains功能的完整攻略。

  1. 使用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方法来判断它们是否包含指定内容。

  1. 使用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技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • 使用RequireJS库加载JavaScript模块的实例教程

    我来详细讲解如何使用RequireJS库加载JavaScript模块。 什么是RequireJS RequireJS是一个JavaScript模块加载器,它可以帮助我们实现依赖模块的异步加载。它采用了AMD规范,并提供了一种便捷的方式,使JavaScript开发人员可以更容易地组织和管理代码。 安装与配置 下载RequireJS 去RequireJS的官方网…

    JavaScript 2023年5月27日
    00
  • javascript中数组(Array)对象和字符串(String)对象的常用方法总结

    下面我就来详细讲解一下 JavaScript 中数组(Array)对象和字符串(String)对象的常用方法总结。 数组对象的常用方法总结 数组的创建和初始化 JavaScript 中可以使用多种方式创建和初始化数组。下面是几种常用的方法: // 第一种方法:使用 [] 定义数组,可以在数组内直接写入元素 let arr1 = [1, 2, 3]; // 第…

    JavaScript 2023年5月27日
    00
  • 浅谈js函数的多种定义方法与区别

    下面就为您详细讲解“浅谈js函数的多种定义方法与区别”的完整攻略。 1. 函数的多种定义方法 在JavaScript中,函数有多种定义方法,常见的有函数声明、函数表达式、箭头函数、构造函数、生成器函数等。 1.1 函数声明 函数声明是定义函数的一种方式,语法如下: function functionName(parameter1, parameter2, .…

    JavaScript 2023年5月27日
    00
  • 把json格式的字符串转换成javascript对象或数组的方法总结

    让我来讲解一下“把json格式的字符串转换成javascript对象或数组的方法总结”。 什么是JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它由Douglas Crockford在2001年创造。JSON 采用完全独立于语言的文本格式,具有简洁明了、易于读写的特点,是广泛应用于Web应用程序之中的文本…

    JavaScript 2023年5月27日
    00
  • 9种使用Chrome Firefox 自带调试工具调试javascript技巧

    当我们开发JavaScript程序的时候,难免会遇到一些问题,这时候使用调试工具就是非常必要的。Chrome和Firefox浏览器都自带了调试工具,本文将详细讲解9种使用Chrome和Firefox自带调试工具调试JavaScript的技巧。 1. 加断点 在代码中加入断点是调试的入门级技巧。断点可以让程序在指定的语句处停下来,并可以查看当前的变量值以及执行…

    JavaScript 2023年6月11日
    00
  • 全面了解JS中的匿名函数

    全面了解JS中的匿名函数攻略 什么是匿名函数 匿名函数是指在JS中没有名字的函数表达式。它是一种快速定义函数的方式,通常用于一些比较复杂的函数场景,同时也可以用于模块化编程、事件绑定、回调函数等。 定义匿名函数 匿名函数可以用函数表达式的形式来定义。例如: let add = function (a, b) { return a + b; }; 在这个例子中…

    JavaScript 2023年5月27日
    00
  • javascript用defineProperty实现简单的双向绑定方法

    下面是javascript用defineProperty实现简单的双向绑定方法的攻略: 1. 了解Object.defineProperty方法 Object.defineProperty是Javascript中的一个对象方法,它允许我们在已有的对象上增加一个属性并定义它的属性描述符。 它的第一个参数是需要定义属性的对象,第二个参数是属性名称,第三个参数则是…

    JavaScript 2023年6月10日
    00
  • Javascript 对cookie操作详解及实例

    Javascript 对cookie操作详解及实例 什么是cookie Cookie 是一种存储在用户计算机上的小数据文件,它通常由网站在后端生成,通过浏览器发送到前端,并在前端保存。然后,在用户下次访问该网站时,该网站可以再次检索这些 cookie,并计算出该用户的特定信息,例如用户首选语言、购物车中的项目等。通常情况下,cookie 用于存储与特定网站相…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部