JS中判断字符串中是否包含指定字符的几种方法

 更新时间:2024年09月15日 09:43:52   作者:everyStudy  
本文介绍了字符串处理的五种方法,包含indexOf()用于获取字符串中指定字符首次出现的位置,includes()判断字符串是否包含某个值,match()用正则表达式匹配字符串,正则表达式创建与检查匹配,search()执行搜索并返回匹配的索引位置,下面就来介绍一下

1、 indexOf()

indexOf() 方法会返回指定字符在字符串在字符串中首次出现的位置,如果没有找到则返回 -1。

const str = 'Hello, World! A';
const containsLetterA = str.indexOf('A') !== -1;
console.log(true); // 返回 true

2、includes()

includes() 方法用来判断一个字符串是否包含另一个字符串,也可以判断一个数组中是否包含某个值,返回一个布尔值

const str = 'Hello, World!';
const containsLetterA = str.includes('a');
console.log(containsLetterA); // 返回 false

3、match()

match() 方法可以搜索字符串中与正则表达式匹配的部分。只返回第一个匹配的值

const str = 'Hello, World!';
const containsLetter1 = str.match(/a/i);
const containsLetter2 = str.match(/l/i);
console.log(containsLetter1);
// null
console.log(containsLetter2);
 // ['l', index: 2, input: 'Hello, World!', groups: undefined]

4 、正则表达式

创建一个正则表达式,并使用 test() 方法来检查字符串是否匹配。

const str1 = 'Hello, World!';
const str2 = 'aa';
const regex = /a/i; // i 表示不区分大小写
const containsLetter1 = regex.test(str1);
const containsLetter2 = regex.test(str2);
console.log(containsLetter1); 
// false
console.log(containsLetter2); 
// true

5、search()

search() 方法用于执行搜索并返回匹配项在字符串中的索引位置。这个方法接受一个参数:要搜索的字符串或正则表达式。如果找到了匹配项,search() 返回匹配开始的索引;如果没有找到,它返回 -1

const str1 = 'Hello, World!';
const containsLetter1 = str1.search('H');
//也可以这样写//
const containsLetter1 = str1.search(/H/i);
const containsLetter2 = str1.search('a');
console.log(containsLetter1); // 0
console.log(containsLetter2); // -1

到此这篇关于JS中判断字符串中是否包含指定字符的几种方法的文章就介绍到这了,更多相关 js判断是否包含指定字符串内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 离开当前页面前使用js判断条件提示是否要离开页面

    离开当前页面前使用js判断条件提示是否要离开页面

    这篇文章主要介绍了离开当前页面前如何使用js判断条件提示是否要离开页面,需要的朋友可以参考下
    2014-05-05
  • js实现选项卡内容切换以及折叠和展开效果【推荐】

    js实现选项卡内容切换以及折叠和展开效果【推荐】

    本文主要介绍了js实现选项卡内容切换以及文字折叠和展开效果的示例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • PHP实现基于Redis的MessageQueue队列封装操作示例

    PHP实现基于Redis的MessageQueue队列封装操作示例

    这篇文章主要介绍了PHP实现基于Redis的MessageQueue队列封装操作,结合实例形式分析了Redis的PHP消息队列封装与使用相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • 超全面的JavaScript开发规范(推荐)

    超全面的JavaScript开发规范(推荐)

    作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。本文就主要介绍了关于Javascript的命名规范、注释规范以及框架开发的一些问题,需要的朋友可以参考学习。
    2017-01-01
  • javascript实现鼠标移到Image上方时显示文字效果的方法

    javascript实现鼠标移到Image上方时显示文字效果的方法

    这篇文章主要介绍了javascript实现鼠标移到Image上方时显示文字效果的方法,涉及javascript鼠标事件及图文属性动态设置的相关技巧,可用于为图片增加文字提示效果,需要的朋友可以参考下
    2015-08-08
  • js 作用域和变量详解

    js 作用域和变量详解

    本文主要介绍了js 的作用域和变量的相关知识,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript实现图片上传并预览并提交ajax

    JavaScript实现图片上传并预览并提交ajax

    这篇文章主要为大家详细介绍了JavaScript实现图片上传并预览并提交ajax,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • 利用JavaScript实现防抖节流函数的示例代码

    利用JavaScript实现防抖节流函数的示例代码

    在开发中我们经常会遇到一些高频操作,比如:鼠标移动,滑动窗口,键盘输入等等,节流和防抖就是对此类事件进行优化,降低触发的频率,以达到提高性能的目的。本文就教大家如何实现一个让面试官拍大腿的防抖节流函数,需要的可以参考一下
    2022-08-08
  • 微信小程序框架wepy之动态控制类名

    微信小程序框架wepy之动态控制类名

    这篇文章主要为大家详细介绍了微信小程序框架wepy之动态控制类名,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09
  • 心扬JS分页函数代码

    心扬JS分页函数代码

    通过js实现分页的代码,一般情况下需要指定页数,脚本之家以前也发布过一些,大家结合下即可。
    2010-09-09

最新评论