JS判断字符串包含的方法

yizhihongxing

JS中判断字符串是否包含指定字符或字符串的方法有多种。下面我将为你详细讲解常见的几种方法,包括 includes()、indexOf()、search()、match()、正则表达式。同时,你可以参考下面的示例,更好地理解这些方法。

includes()

includes()是ES6提供的新增方法。该方法用于判断一个字符串中是否包含指定字符或字符串,并返回Boolean值。

const str = 'hello world';
console.log(str.includes('world')); // true
console.log(str.includes('hi')); // false

indexOf()

indexOf()方法用于返回一个字符串在另一个字符串中第一次出现的位置,如果没有找到则返回-1。通过检查返回值是否为-1,可以判断是否包含指定字符或字符串。

const str = 'hello world';
console.log(str.indexOf('world') !== -1); // true
console.log(str.indexOf('hi') !== -1); // false

search()

search()方法用于返回一个字符串在另一个字符串中第一次出现的位置,如果没有找到则返回-1。与indexOf()不同的是,search()方法允许使用正则表达式,比较灵活。同样通过检查返回值是否为-1,可以判断是否包含指定字符或字符串。

const str = 'hello world';
console.log(str.search(/world/) !== -1); // true
console.log(str.search(/hi/) !== -1); // false

match()

match()方法用于在字符串中查找与正则表达式匹配的字符串。如果找到,则返回一个数组,数组的第一个元素为匹配到的字符串,后面的元素为匹配到的子模式(如果有的话)。如果没有找到,则返回null。

const str = 'hello world';
console.log(str.match(/world/)); // ["world", index: 6, input: "hello world"]
console.log(str.match(/hi/)); // null

正则表达式

正则表达式也可用于判断一个字符串中是否包含指定字符或字符串,可以使用.test()方法。正则表达式的灵活性比较大,更加适用于复杂的匹配情况。

const str = 'hello world';
console.log(/world/.test(str)); // true
console.log(/hi/.test(str)); // false

通过对上述示例的解释,相信你已经掌握了JS中判断字符串包含的方法,同时也可以根据自己的需要选择适合的方法。

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

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

相关文章

  • JavaScript Title、alt提示(Tips)实现源码解读

    请查看以下详细讲解! JavaScript Title、alt提示(Tips)实现源码解读 简介 我们在日常使用浏览器浏览网页时,常常会遇到鼠标悬停到图片或链接上时,会出现一个提示框,其中包含关于该元素的提示信息。这种提示框通常被称为Title或Tips。 Title提示是通过HTML元素中的title属性来实现的,而图片的alt属性则用于提供图片的替代文本…

    JavaScript 2023年6月10日
    00
  • JavaScript 五大常见函数

    JavaScript 五大常见函数 在 JavaScript 编程中,有五大常见函数,它们分别是:parseInt()、parseFloat()、isNaN()、toFixed() 和 toString()。下面我们将结合代码示例来详细讲解这五大常见函数。 parseInt() parseInt() 方法将一个字符串进行解析,返回整数值。 // 示例1 le…

    JavaScript 2023年5月18日
    00
  • js对象合并的4种方式与数组合并的4种方式

    下面是对“js对象合并的4种方式与数组合并的4种方式”的详细讲解攻略: JS对象合并的4种方法 在JS中,有多种方法可以合并两个或多个对象,如下: 1. 手动遍历合并 这种方式是通过遍历对象中的属性并将其复制到另一个对象中来进行合并的,可以使用 for…in 循环或 Object.keys 方法获取要遍历的属性,示例如下: let obj1 = {a: …

    JavaScript 2023年5月27日
    00
  • javascript获取时间戳的5种方法详解

    JavaScript获取时间戳的5种方法详解 时间戳是指一个时间点与1970年1月1日的间隔时间,通常是表示 Unix 时间或 POSIX 时间,可以用于表示距离某一时间点的时间差。获取时间戳在 JavaScript 开发中是一个比较常见的需求,下面将详细介绍获取时间戳的 5 种方法。 方法一:使用JS内置Date对象的getTime方法 Date 对象的 …

    JavaScript 2023年5月27日
    00
  • bootstrap laydate日期组件使用详解

    Bootstrap LayDate日期组件使用详解 在本文中,我们将会学习如何在HTML页面中使用LayDate日期组件,该组件基于Bootstrap框架,提供了强大的日期选择功能和美观的UI界面。 步骤一:引入LayDate的依赖文件 在使用LayDate之前,需要在HTML页面中引入相关的依赖文件。这些文件包括LayDate的CSS文件和JS文件,以及L…

    JavaScript 2023年6月10日
    00
  • 详解JS中的attribute属性

    详解JS中的attribute属性 在JS中,attribute属性是一个非常重要的概念。本文将会对attribute属性进行详细讲解,介绍它的基本概念、用法以及常见的问题。 attribute属性的基本概念 在HTML中,元素可以拥有自己的特定属性,比如<a>元素有href属性,<img>元素有src属性。这些属性可以被JS代码访问…

    JavaScript 2023年6月10日
    00
  • 详解element-ui中form验证杂记

    下面我将详细讲解关于element-ui中form验证的攻略。 一、前言 在前后端分离的开发中,前端对数据的验证尤为重要。element-ui提供了许多常用的表单验证功能,本文将详解其使用方法。 二、需求分析 本次验证需求如下: 用户名:非空,长度在3~20个字符之间 密码:非空,6~18个字符 确认密码:必须与密码保持一致 三、实现方法 1. 使用elem…

    JavaScript 2023年6月10日
    00
  • Hutia 的 JS 代码集

    Hutia 的 JS 代码集 什么是 Hutia 的 JS 代码集? Hutia 的 JS 代码集是一个由 Hutia 响应式模板引擎作者编写的 JavaScript 代码集,可以让前端开发者更高效地完成常见的前端开发任务。它包括了一些经常需要用到的常用函数和工具,可以用于各种类型的网站开发,包括响应式网站、Web 应用程序以及自适应 UI 设计等。 如何使…

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