JavaScript中字符串与数组的includes()用法
更新时间：2023年06月28日 19:01:48 投稿：mdxy-dxy
这篇文章主要介绍了JavaScript中字符串与数组的includes()用法,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
字符串includes
查找字符串中是否包含指定的子字符串。
查找字符串是否包含 "Jb51":
定义和用法
includes() 方法用于判断字符串是否包含指定的子字符串。
如果找到匹配的字符串则返回 true，否则返回 false。
注意： includes() 方法区分大小写。
语法
string.includes(searchvalue, start)
参数值
| 参数 | 描述 |
|---|---|
| searchvalue | 必需，要查找的字符串。 |
| start | 可选，设置从那个位置开始查找，默认为 0。 |
返回值
| 类型 | 描述 |
|---|---|
| Boolean | 如果找到匹配的字符串返回 true，否则返回 false。 |
技术细节
| JavaScript 版本： | ECMAScript 6 |
|---|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>程序员之家(jb51.net)</title>
</head>
<body>
<p>点击按钮查看检测结果。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<p><strong>注意:</strong> IE 11 及更早版本不支持 includes() 方法 。</p>
<script>
function myFunction() {
var str = "Hello world, welcome to the Jb51.";
var n = str.includes("Jb51");
document.getElementById("demo").innerHTML = n;
}
</script>
</body>
</html>数组includes
JavaScript Array includes() 方法
定义和用法
includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。
[1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, 3].includes(3, 3); // false [1, 2, 3].includes(3, -1); // true [1, 2, NaN].includes(NaN); // true
语法
arr.includes(searchElement) arr.includes(searchElement, fromIndex)
参数说明
| 参数 | 描述 |
|---|---|
| searchElement | 必须。需要查找的元素值。 |
| fromIndex | 可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。 |
技术细节
| 返回值： | 布尔值。如果找到指定值返回 true，否则返回 false。 |
|---|---|
| JavaScript 版本: | ECMAScript 6 |
更多实例
fromIndex 大于等于数组长度
如果fromIndex 大于等于数组长度 ，则返回 false 。该数组不会被搜索:
var arr = ['a', 'b', 'c'];
arr.includes('c', 3); //false
arr.includes('c', 100); // false计算出的索引小于 0
如果 fromIndex 为负值，计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0，则整个数组都会被搜索。
// 数组长度是3
// fromIndex 是 -100
// computed index 是 3 + (-100) = -97
var arr = ['a', 'b', 'c'];
arr.includes('a', -100); // true
arr.includes('b', -100); // true
arr.includes('c', -100); // true<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>程序员之家(jb51.net)</title>
</head>
<body>
<script>
let site = ['Jb51', 'google', 'taobao'];
document.write(site.includes('Jb51'));
// true
document.write("<br>");
document.write(site.includes('baidu'));
// false
</script>
</body>
</html>到此这篇关于JavaScript中字符串与数组的includes()用法的文章就介绍到这了,更多相关字符串与数组的includes内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家！
相关文章
本文主要讲述了JavaScript的垃圾回收原理和具体的过程。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了js图片预加载示例,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了如何让es6 写的文件import 起来详解的相关资料,需要的朋友可以参考下2016-12-12
本文主要介绍自动化测试读写64位操作系统的注册表,这里提供详细的教程来实现自动化读写64位操作系统的注册表,希望能帮助测试软件的朋友,有兴趣的小伙伴可以参考下2016-08-08
在项目中，我们经常要遇到对日期时间进行格式化，下面我们就来先小结一下各种时间格式化的方法，然后再通过实例来进行分析2014-11-11
JS Timing...2007-04-04
JavaScript高级程序设计（第3版）学习笔记6 初识js对象
砌好墙，下面出场的就是房子了，在ECMAScript中，对象就是我们所说的房子，至于你所写的整个应用程序，那就是一整套建筑群了2012-10-10
这篇文章主要介绍了在JavaScript应用中实现延迟加载的方法,利用RequireJS框架,需要的朋友可以参考下2015-06-06
所谓数据代理（也叫数据劫持），指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。比较典型的是 Object.defineProperty() 和 ES2015 中新增的 Proxy 对象2021-11-11
javascript数据类型非常简单，仅仅包含undefined、null、string、Boolean、number以及object，今天我们就针对这几个数据类型，一一进行讲解，方便大家理解记忆2015-01-01
最新评论