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

下面我会给您详细讲解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日

相关文章

  • JS中作用域和变量提升(hoisting)的深入理解

    作用域和变量提升是JavaScript中非常重要的概念。作用域指的是程序中变量的可访问范围,而变量提升意味着变量和函数声明可以在实际声明之前使用。理解这些概念可以帮助开发人员编写更好的JavaScript代码,并帮助他们避免错误。 作用域 JavaScript中有两种作用域:全局作用域和局部作用域。全局作用域的变量在整个程序中都是可访问的,而局部作用域的变量…

    JavaScript 2023年5月28日
    00
  • layui.js实现的表单验证功能示例

    下面是 “layui.js实现的表单验证功能示例” 的完整攻略。 一、什么是layui.js layui.js 是一款简易的前端 UI 解决方案,是由著名的前端开源组织“贤心之家”维护开发的。layui.js 主要包括丰富的UI组件和一套简单的前端模板。 在 layui.js 中,表单验证是其中之一的功能,该功能具有高度的可定制性和易用性。 二、表单验证的基…

    JavaScript 2023年6月10日
    00
  • sso跨域写cookie的一段js脚本(推荐)

    来详细讲解一下“sso跨域写cookie的一段js脚本(推荐)”的完整攻略。 什么是SSO? SSO(Single Sign-On,单点登录),指在多个应用系统中,用户只需登录一次就可以访问所有相互信任的应用系统。 什么是跨域? 跨域是指浏览器禁止通过客户端脚本语言发起对不同源(协议、域名、端口号)的请求。 为什么要跨域写Cookie? 由于浏览器的同源策略…

    JavaScript 2023年6月11日
    00
  • JS字符串长度判断,超出进行自动截取的实例(支持中文)

    实现JS字符串长度判断并进行自动截取支持中文的方法主要涉及以下步骤: 获取字符串长度JavaScript中获取字符串长度的方法是通过字符串的length属性获取,例如 var str = ‘Hello World’; console.log(str.length); // 11 判断是否超出限制根据所需的字符串长度限制和当前字符串长度,可以使用if语句或三元…

    JavaScript 2023年5月28日
    00
  • 微信小程序API—获取定位的详解

    微信小程序API—获取定位的详解 什么是获取定位? 获取定位是指小程序通过调用微信所提供的API,获得用户当前的地理位置信息。通过获取定位,小程序可以根据用户所在的位置提供相应的服务。 如何获取定位? 在小程序中,我们可以通过wx.getLocation()方法来获取用户当前位置的经纬度信息。在API文档中,我们可以找到该方法的详细描述。下面是该方法的基本语…

    JavaScript 2023年6月11日
    00
  • javascript基本语法

    当我们想要学习 JavaScript 时,首先需要了解它的基本语法,这是非常重要的一步。下面,我将向大家介绍 JavaScript 的基本语法。 变量 变量是存储数据的容器。变量可以在程序的后续部分被操作或调用。 在 JavaScript 中,可以使用 var、let 或 const 来声明变量。 // 使用 var 声明变量 var num = 10; /…

    JavaScript 2023年5月17日
    00
  • js使用xlsx读取excel文件的详细步骤

    下面是使用JavaScript中XLSX库读取Excel文件的详细步骤。 第一步:引入XLSX库 在HTML文件中,需要在<head>标签内添加如下代码引入XLSX: <script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"><…

    JavaScript 2023年5月27日
    00
  • 突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习

    突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习 介绍 本篇文章主要介绍HTML5中地理信息服务及地理位置API的使用,其中包括了以下内容:1. 地理信息服务的概述2. 地理位置API的基本知识和使用方法3. 常用的地理位置API实例 地理信息服务概述 地理信息服务是指向用户提供有关地理位置信息及相关服务的技术和应用。在H…

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