热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript字符串包含

在任何编程语言中,检查字符串是否包含子字符串都是常见的任务。例如,假设您正在构建在线游戏。您可能需要检查用户名是否包含禁止使用的短语,以确保所有用户名都适合您的游戏。

在任何编程语言中,检查字符串是否包含子字符串都是常见的任务。例如,假设您正在构建在线游戏。您可能需要检查用户名是否包含禁止使用的短语,以确保所有用户名都适合您的游戏。

Javascript字符串包含

有三种方法可检查Javascript字符串是否包含另一个字符或字符序列:

  • includes()。
  • indexOf()。
  • 正则表达式(regex)。

在本教程中,我们将讨论可以使用这三种方法来检查Javascript字符串是否包含另一个字符串的方法。

includes()

 

ES6中引入的Javascript include()方法确定字符串是否包含您传递给该方法的字符。如果字符串包含某些字符,则该方法将返回“ true”。

如果指定的字符串不包含您要查找的字符,则includes()将返回“ false”。

includes()方法的语法为:

 

string.includes(word);

 

 

值“字符串”是指我们将搜索的字符。“单词”是指我们要查找的字符。

这是一个实际使用includes()方法的示例:

let example = "Example String!";
let ourSubstring = "Example";
if (example.includes(ourSubstring)) {
console.log("The word Example is in the string.");
} else {
console.log("The word Example is not in the string.");
}

 

 

我们的代码返回:字符串中包含示例字。

在前两行,我们声明了两个Javascript变量。第一个变量是我们要搜索的字符串。第二个是我们要在原始字符串中找到的子字符串。换句话说,我们将搜索第一个变量是否包含第二个变量的内容。

 

接下来,我们使用if语句评估“ example”变量是否包含“ ourSubstring”变量的内容。

如果“示例”中包含“示例”一词,则我们的陈述为“真”。这意味着将运行“ if”语句主体中的console.log()语句。否则,将运行我们的“ else”语句。

includes()区分大小写,因此,如果我们更改子字符串的大小写,将返回“ false”。

includes()第二个参数

includes()方法使您可以指定第二个参数。第二个参数是索引号,includes()应该从该索引号开始搜索您的子字符串。第一个字符的索引为“ 0”,第二个字符的索引为“ 1”,依此类推。这是因为列表从零开始索引。

让我们检查一下单词“ Example”是否出现在字符串的索引位置7之后:

let example = "Example String!";
let ourSubstring = "Example";
if (example.includes(ourSubstring, 7)) {
console.log("The word Example is in the string.");
} else {
console.log("The word Example is not in the string");
}

 
 

includes()方法返回字符串开始的索引位置。我们的代码返回“示例单词不在字符串中。” 尽管我们的字符串中确实包含单词“ Example”,但该单词出现在索引值“ 7”之前,该值是“ Example”和“ String!”之间的空格。

indexOf()

像include()一样,Javascript indexOf()方法检查一个字符串是否包含另一个字符串。这两个函数的输出不同。

当我们使用include()方法时,该方法返回一个布尔值:true或false。indexOf()返回子字符串的起始索引位置。或者,如果字符串不包含子字符串,我们将得到“ -1”。

 

让我们看一下该方法的语法:

string.indexOf(word);

 

 

就像在我们的include()示例中一样,“字符串”指的是我们通过其搜索的值。“单词”是我们要搜索的短语或字符。

这是Javascript中indexOf()的示例:

let example = "Example String!";
let ourSubstring = "Example";
if (example.indexOf(ourSubstring) != -1) {
console.log("The word Example is in the string.");
} else {
console.log("The word Example is not in the string.");
}

 
 

我们的代码返回:字符串中包含示例字。就像在上一个示例中一样,我们使用了“ if”语句。根据我们的字符串是否包含子字符串,此语句向控制台显示一条特定消息。

我们检查indexOf()方法是否不返回-1。如果是这样,则运行“ else”语句。-1表示找不到我们的字符串。否则,将执行“ if”语句中的代码。

像include()方法一样,indexOf()区分大小写。如果我们希望搜索从某个索引值开始,则可以使用另一个参数:

let example = "Example String!";
let ourSubstring = "Example";
if (example.indexOf(ourSubstring, 7) != -1) {
console.log("The word Example is in the string.");
} else {
console.log("The word Example is not in the string.");
}

 

由于找不到从索引值7开始的完全匹配,因此我们的代码返回-1。

正则表达式

我们还可以利用Javascript正则表达式(或regex)来检查字符串是否包含子字符串。正则表达式由于其灵活性而非常有用:您可以对搜索内容和位置进行大量控制。

 

我们可以使用RegExp.test()方法检查字符串是否包含子字符串。这是一个例子:

let str = "Example String!";
/Example/.test(str);

我们的代码返回true。这是因为“ Javascript”在我们的“示例”字符串中。

正则表达式功能强大。正则表达式的缺点是运行速度会变慢,具体取决于您使用的规则。添加到正则表达式规则中的语句越多,搜索所需的时间就越长。

如果您执行的是简单搜索并且不需要高级字符串函数,则使用include()或indexOf()可能是一种更好的方法。不建议RegExp.test()方法用于尚未了解Regex的初学者。

如果您想了解有关正则表达式的更多信息并测试正则表达式,请查看RegExr。

结论

在本教程中,我们讨论了Javascript中字符串的基础。之后,我们讨论了三种检查字符串是否包含Javascript中的子字符串的方法:使用include(),indexOf()和regex。

include()方法可以说是检查字符串是否包含子字符串的最常用方法。这是因为方法的名称是文字。显然include()允许您在另一个字符串中搜索一个字符串。


推荐阅读
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • PHP 编程疑难解析与知识点汇总
    本文详细解答了 PHP 编程中的常见问题,并提供了丰富的代码示例和解决方案,帮助开发者更好地理解和应用 PHP 知识。 ... [详细]
  • 本文介绍如何解决在 IIS 环境下 PHP 页面无法找到的问题。主要步骤包括配置 Internet 信息服务管理器中的 ISAPI 扩展和 Active Server Pages 设置,确保 PHP 脚本能够正常运行。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • C++实现经典排序算法
    本文详细介绍了七种经典的排序算法及其性能分析。每种算法的平均、最坏和最好情况的时间复杂度、辅助空间需求以及稳定性都被列出,帮助读者全面了解这些排序方法的特点。 ... [详细]
  • 本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用,涵盖基础指令、镜像构建与发布流程,并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • 在前两篇文章中,我们探讨了 ControllerDescriptor 和 ActionDescriptor 这两个描述对象,分别对应控制器和操作方法。本文将基于 MVC3 源码进一步分析 ParameterDescriptor,即用于描述 Action 方法参数的对象,并详细介绍其工作原理。 ... [详细]
  • Python 异步编程:深入理解 asyncio 库(上)
    本文介绍了 Python 3.4 版本引入的标准库 asyncio,该库为异步 IO 提供了强大的支持。我们将探讨为什么需要 asyncio,以及它如何简化并发编程的复杂性,并详细介绍其核心概念和使用方法。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 本文详细介绍了如何使用PHP检测AJAX请求,通过分析预定义服务器变量来判断请求是否来自XMLHttpRequest。此方法简单实用,适用于各种Web开发场景。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • Yii 实现阿里云短信发送 ... [详细]
  • 本文将介绍由密歇根大学Charles Severance教授主讲的顶级Python入门系列课程,该课程广受好评,被誉为Python学习的最佳选择。通过生动有趣的教学方式,帮助初学者轻松掌握编程基础。 ... [详细]
author-avatar
郁雯佩菱2
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有