JS中判断某个字符串是否包含另一个字符串的五种方法

yizhihongxing

下面我会给您详细讲解JS中判断某个字符串是否包含另一个字符串的五种方法,并提供相应代码示例进行说明。

方法一:使用indexOf

indexOf函数在判断字符串包含的时候是最常用的方法之一,它返回的值为所查找的字符串首次出现的位置,如果没有找到则返回-1。

let str1 = "hello world";
let str2 = "world";
if (str1.indexOf(str2) !== -1) {
    console.log("str1包含str2");
} else {
    console.log("str1不包含str2");
}

以上代码中的indexOf()函数返回的值不是布尔类型而是数字类型,因此需要使用不等于运算符"!=="来判断。

方法二:使用includes

includes()函数在ES6中才被引入,如果在项目中使用此方法,需注意浏览器兼容性。当所查询的字符串包含在原字符串中时返回true,否则返回false。

let str1 = "hello world";
let str2 = "world";
if (str1.includes(str2)) {
    console.log("str1包含str2");
} else {
    console.log("str1不包含str2");
}

方法三:使用search

search()函数用于返回一个字符串中指定的值第一次出现的位置。如果没有找到任何匹配的则返回-1。

let str1 = "hello world";
let str2 = "world";
if (str1.search(str2) !== -1) {
    console.log("str1包含str2");
} else {
    console.log("str1不包含str2");
}

以上代码中的search()函数也是返回数值类型,所以需要用不等于运算符来判断。

方法四:使用正则表达式

使用正则表达式可以检测一个字符串中是否含有符合特定规则的字符串,如下:

let str1 = "hello world";
let str2 = "world";
let reg = new RegExp(str2);
if (reg.test(str1)) {
    console.log("str1包含str2");
} else {
    console.log("str1不包含str2");
}

以上代码中,我们使用了一个正则表达式对象RegExp(),这个对象可以用来创建一个正则表达式。

方法五:使用substr

substr()函数可返回指定位置的字符串。

let str1 = "hello world";
let str2 = "world";
if (str1.substr(-str2.length) === str2) {
    console.log("str1包含str2");
} else {
    console.log("str1不包含str2");
}

以上代码中,我们使用了substr()函数截取最后6个字符,然后判断它们是否与str2相等。

以上就是JS中判断某个字符串是否包含另一个字符串的五种方法,您可以根据自己的需求来选择使用哪一个方法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS中判断某个字符串是否包含另一个字符串的五种方法 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • 浅谈JavaScript_DOM学习篇_图片切换小案例

    浅谈JavaScript DOM学习篇 – 图片切换小案例 学习 JavaScript 的过程离不开操作文档对象模型(DOM),本文将通过一个简单的图片切换小案例来阐述 DOM 的基础知识和常用操作。 一、前置知识 在开始学习 DOM 之前应该先了解以下基础知识: HTML CSS JavaScript 语法基础 二、正文内容 1. 简述DOM DOM(文档…

    JavaScript 2023年6月10日
    00
  • php json中文编码为null的解决办法

    下面是详细的讲解: 问题描述 在PHP中,对于中文编码的JSON数据,在进行json_encode()时可能会出现某些中文字符串被编码为null的情况,这会导致JSON数据无法正常解析。如何解决这个问题呢? 解决办法 指定json_encode()函数的选项参数 我们可以在json_encode()函数的第二个参数中设置选项参数,如下所示: $data = …

    JavaScript 2023年6月1日
    00
  • 使用HTML和JavaScript播放本地的媒体(视频音频)文件的方法

    使用HTML和JavaScript可以轻松地播放本地的媒体文件,包括视频和音频。下面是播放本地媒体文件的详细攻略: 1. 创建HTML文件 首先,需要创建一个HTML文件,用于播放本地媒体文件。可以使用以下代码: <!DOCTYPE html> <html> <head> <title>Local Media …

    JavaScript 2023年5月27日
    00
  • JS实现百度搜索框

    下面我来为你详细讲解 “JS实现百度搜索框”的攻略。 准备工作 在代码实现之前,我们需要先对百度搜索框的结构进行分析。可以发现,百度搜索框包含一段文本输入框和一个搜索按钮。在代码编写前,需要创建两个HTML元素分别代表文本输入框和搜索按钮,并设置相关属性。 <input type="text" name="search&q…

    JavaScript 2023年6月10日
    00
  • JavaScript面向对象之Prototypes和继承

    JavaScript面向对象之Prototypes和继承 JavaScript是一门支持面向对象编程的语言,原型(prototype)是JavaScript中非常重要的一个概念。在这篇文章中,我们将讲解JavaScript中的原型、原型链以及如何使用原型实现继承。 1. 构造函数与原型 在JavaScript中,每个函数都有一个prototype属性,这个属…

    JavaScript 2023年5月27日
    00
  • js实现网页防止被iframe框架嵌套及几种location.href的区别

    下面我将详细讲解”JS实现网页防止被iframe框架嵌套及几种location.href的区别”的完整攻略。 JS实现网页防止被iframe框架嵌套 在编写网页时,我们可能希望页面不能被嵌套在iframe框架中,以避免网页的被其他网站直接嵌套到其它站点的页面上,从而保证网站数据的安全性和用户体验。为了实现网页的防止被iframe框架嵌套,我们可以使用以下方法…

    JavaScript 2023年6月11日
    00
  • JS字符串与二进制的相互转化实例代码详解

    JS字符串与二进制的相互转化是JS中常用的操作之一。下面,我将详细讲解如何进行字符串和二进制之间的转换。 字符串转二进制 字符串转二进制可以使用TextEncoder和Uint8Array实现。具体步骤如下: 使用TextEncoder的encode()方法将字符串编码为二进制数据。 将Uint8Array实例化为编码后的二进制数据。 使用Array.pro…

    JavaScript 2023年5月19日
    00
  • Javascript 获取滚动条位置等信息的函数

    JavaScript 获取滚动条位置等信息的函数可以帮助我们在开发网页时,实现各种复杂的滚动效果。下面,我将为大家详细讲解相关函数的使用方法和示例演示。 获取滚动条位置的函数:scrollY scrollY 函数是用于获取文档的垂直滚动距离的函数。其用法如下: var scrollPos = window.scrollY; 其中,window 是指当前窗口,…

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