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

yizhihongxing

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日

相关文章

  • js操作数组函数实例小结

    让我来详细讲解一下“js操作数组函数实例小结”的攻略。 一、前言 JavaScript中的数组非常强大,可以通过使用一系列内置函数来实现对数组的操作,例如增删改查、排序等等。这些函数能给程序员带来很大的便利,让我们的编码效率成倍提升。 二、常用操作函数 下面是一些常用的操作数组的函数: 1. push和pop push和pop用于在数组的末尾添加或删除数据。…

    JavaScript 2023年5月27日
    00
  • 详解vue-router 2.0 常用基础知识点之router.push()

    详解vue-router 2.0常用基础知识点之router.push() 1. 概述 router.push()是vue-router 2.0的一种基础跳转方式,用于在当前路由下添加一个新路由,并且将浏览器URL跳转到新路由地址,这是vue-router中最常用的一种跳转方式之一。 2. 语法 router.push(location, onComplet…

    JavaScript 2023年6月11日
    00
  • 解决JS内存泄露之js对象和dom对象互相引用问题

    解决JS内存泄露(memory leak)之js对象和dom对象互相引用问题需要我们重视,因为它可能导致页面性能下降以及系统崩溃等问题。本文将通过以下几个方面来探讨此问题的解决方案: 什么是JS内存泄露问题? 为什么JS对象和DOM对象互相引用会造成内存泄露? 如何解决JS对象和DOM对象互相引用的问题? 1. 什么是JS内存泄露问题? JavaScript…

    JavaScript 2023年6月10日
    00
  • JavaScript运动框架 解决速度正负取整问题(一)

    下面是“JavaScript运动框架 解决速度正负取整问题(一)”的完整攻略。 标题 JavaScript运动框架 解决速度正负取整问题(一) 问题 在JavaScript中进行元素运动时,需要设置元素运动的速度,但是设置速度时需要考虑正负值的取整问题,如何解决这个问题? 解决方法 首先,我们需要明确一下JavaScript中的运动速度是由PIX/s来表示的…

    JavaScript 2023年6月11日
    00
  • javascript中创建对象的几种方法总结

    JavaScript中创建对象的几种方法总结 JavaScript中创建对象的方式有多种,下面将详细介绍Javascript中创建对象的几种方法,以及它们的使用场景。 1. 使用对象字面量 使用对象字面量方式可以创建一个新的对象,这是一种最简单和常用的方式。对象字面量是由一对花括号({})包含着一个无序的键值对(key:value)列表,其中键名是字符串,值…

    JavaScript 2023年5月27日
    00
  • bootstrap表单示例代码分享

    接下来我将为您详细讲解“bootstrap表单示例代码分享”的完整攻略。 Bootstrap表单示例代码分享 1. Bootstrap表单介绍 Bootstrap是目前非常流行的前端开发框架,其能够快速构建响应式、移动设备优先的Web项目。表单是Web开发中非常常见的组件,Bootstrap也提供了丰富的表单组件样式和交互效果,大大简化了表单的开发难度。 B…

    JavaScript 2023年6月10日
    00
  • JavaScript判断变量是对象还是数组的方法

    要判断一个变量是对象还是数组,我们可以使用typeof和Array.isArray两种方法,下面分别介绍这两种方法: 使用typeof方法 使用typeof方法可以判断一个变量是否为对象,但是在判断数组时会出现问题,因为在JavaScript中数组属于对象的一种类型,所以使用typeof判断数组会返回object。下面是一个例子: const arr = […

    JavaScript 2023年5月27日
    00
  • js获取元素到文档区域document的(横向、纵向)坐标的两种方法

    JS获取元素到文档区域document的坐标是一个常见的需求,这个过程可以有两种常见的方法来实现。 方法一:使用offsetLeft、offsetTop逐层累加 offsetLeft和offsetTop属性分别可以获取元素左、上边框到其容器元素上边框的距离。如果我们需要获取元素到文档区域document的水平和竖直方向的距离,则需要逐层遍历每个容器元素,将其…

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