javascript 判断字符串是否包含某字符串及indexOf使用示例

下面为您讲解 JavaScript 判断字符串是否包含某字符串及 indexOf 使用示例的完整攻略。

一、判断字符串是否包含某字符串

在 JavaScript 中,我们可以使用 includes() 方法判断一个字符串是否包含指定的子字符串,includes() 方法返回布尔值,如果字符串包含了指定的子字符串,则返回 true,否则返回 false

includes() 方法的使用方法如下所示:

var str = "Hello, world!";
var substring = "Hello";

if (str.includes(substring)) {
  console.log("字符串 " + str + " 包含子字符串 " + substring);
} else {
  console.log("字符串 " + str + " 不包含子字符串 " + substring);
}

上述代码中,我们首先定义了一个字符串 str 和一个子字符串 substring,然后使用 includes() 方法判断 str 是否包含 substring,最后根据结果输出不同的提示信息。

二、indexOf 的使用示例

在 JavaScript 中,我们也可以使用 indexOf() 方法来查询字符串中是否包含指定的子字符串。indexOf() 方法返回第一次出现指定子字符串的下标,如果字符串中不包含指定的子字符串,则返回 -1

indexOf() 方法的使用方法如下所示:

var str = "Hello, world!";
var substring = "world";

if (str.indexOf(substring) != -1) {
  console.log("字符串 " + str + " 包含子字符串 " + substring + ",出现位置为第" + str.indexOf(substring) + "个字符");
} else {
  console.log("字符串 " + str + " 不包含子字符串 " + substring);
}

上述代码中,我们同样定义了一个字符串 str 和一个子字符串 substring,然后使用 indexOf() 方法判断 str 是否包含 substring,最后输出结果,如果包含则输出 substring 的位置。

还可以使用 lastIndexOf() 方法查询字符串中最后一次出现指定子字符串的下标值,此方法与 indexOf() 方法相似,只不过在查找顺序上有所区别,其使用方法如下所示:

var str = "Hello, world!";
var substring = "l";

console.log("子字符串 " + substring + " 在字符串 " + str + " 中最后一次出现的位置是:" + str.lastIndexOf(substring));

上述代码中,我们查找了字符串中最后一次出现子字符串 l 的位置,并输出结果。

以上就是 JavaScript 判断字符串是否包含某字符串及 indexOf 使用示例的攻略。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript 判断字符串是否包含某字符串及indexOf使用示例 - Python技术站

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

相关文章

  • 关于前端文件下载各类方式大汇总

    关于前端文件下载各类方式大汇总 在前端开发中,文件下载是一个非常常见的需求场景,常见的文件下载方式有很多种,本文旨在对这些方式进行总结、分类和详细介绍。 1. 使用浏览器下载 使用浏览器下载文件一般都是直接让用户点击链接或者按钮进行下载。这种方式非常简单,只需要在链接或按钮上添加一个download属性即可实现下载功能。例如: <a href=&quo…

    JavaScript 2023年5月27日
    00
  • JS扩展方法实例分析

    JS扩展方法实例分析 什么是JS扩展方法? JS扩展方法是指在已有的JS对象或原型上,新增一个方法,以增加该对象的功能或扩展JS的功能。 JS扩展方法的优点 可以为JS已有对象增加功能,避免手写重复代码。 可以减少变量的声明,易于维护和升级。 增强JS的灵活性和可扩展性。 JS扩展方法的实现方式 JS扩展方法可以通过为原生对象的构造函数的prototype对…

    JavaScript 2023年6月10日
    00
  • 深入理解vue3中的reactive()

    当谈到Vue的响应式系统时,有一个重要的函数:reactive()。在Vue3中,reactive()是我们创建响应式对象的首选方法。 1. reactive()函数的作用 reactive()函数可将一个普通JavaScript对象转换为响应式对象,从而使对象的属性变为可观察和自动更新的。这意味着,当响应式对象的某个属性发生变化时,Vue会自动使用新的值重…

    JavaScript 2023年6月10日
    00
  • 详解JavaScript引擎V8执行流程

    下面是详细讲解JavaScript引擎V8执行流程的完整攻略。 什么是JavaScript引擎V8? JavaScript引擎是指解析并执行JavaScript脚本的程序。V8是Google开发的JavaScript引擎,它主要运行在Google Chrome和Node.js中,是目前性能最快的JavaScript引擎之一。 V8的执行流程 V8执行Java…

    JavaScript 2023年5月28日
    00
  • 完美解决AJAX跨域问题

    下面是完美解决AJAX跨域问题的完整攻略。 背景介绍 在进行AJAX请求时,如果请求的URL地址跟当前页面的域不同,就会遇到跨域问题。因为浏览器会默认启用同源策略(Same Origin Policy),防止网站被其他域名下的脚本攻击。但是,有时候我们需要访问其他域名下的API,就需要解决跨域问题。 解决方案 1. JSONP JSONP是一种跨域请求数据的…

    JavaScript 2023年6月11日
    00
  • uniapp小程序使用高德地图api实现路线规划的示例代码

    下面我将给出使用高德地图API实现路线规划的示例代码的详细攻略。 步骤: 获取高德地图API的Key 首先,在使用高德地图API之前,需要先获取高德地图API的Key。具体获取方式可以参考高德地图API官方文档:https://lbs.amap.com/api/webservice/guide/create-project/get-key 引入高德地图Jav…

    JavaScript 2023年6月11日
    00
  • JavaScript中的数值范围介绍

    JavaScript中的数值范围介绍 在 JavaScript 中,数值类型是一种很常用的数据类型。它可以表示整数和小数,并支持各种基本运算。但是,JavaScript中的数值类型也存在一些限制,包括数值范围和精度等问题。本文主要介绍 JavaScript 中数值类型的数值范围相关知识。 JavaScript中支持的数值范围 JavaScript 中的数值类…

    JavaScript 2023年5月18日
    00
  • JavaScript中判断对象类型的几种方法总结

    JavaScript 中判断对象类型的几种方法总结 为什么需要判断对象类型? 在 JavaScript 编程中,判断对象类型是很常见的操作。在使用对象时,我们需要知道该对象的类型,来确定可用的方法和属性,以及如何正确使用它。例如,在处理对象的过程中,我们可能会需要区分对象是一个数字,字符串,布尔值,还是数组、对象等其他类型。因此,判断对象类型是非常重要的。 …

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