您当前的位置:首页 > 文章 > JavaScript中字符串与数组的includes()用法

JavaScript中字符串与数组的includes()用法

作者:mdxy-dxy 时间:2023-07-06 阅读数:308 人阅读

字符串includes

查找字符串中是否包含指定的子字符串。

查找字符串是否包含 "Jb51":

定义和用法

includes() 方法用于判断字符串是否包含指定的子字符串。

如果找到匹配的字符串则返回 true,否则返回 false。

注意: includes() 方法区分大小写。

语法

1
string.includes(searchvalue, start)

参数值

参数 描述
searchvalue 必需,要查找的字符串。
start 可选,设置从那个位置开始查找,默认为 0。

返回值

类型 描述
Boolean 如果找到匹配的字符串返回 true,否则返回 false。

技术细节

JavaScript 版本: ECMAScript 6
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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>
functionmyFunction() {
  varstr ="Hello world, welcome to the Jb51.";
  varn = str.includes("Jb51");
  document.getElementById("demo").innerHTML = n;
}
</script>
</body>
</html>

数组includes

JavaScript Array includes() 方法

定义和用法

includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

1
2
3
4
5
[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

语法

1
2
arr.includes(searchElement)
arr.includes(searchElement, fromIndex)

参数说明

参数 描述
searchElement 必须。需要查找的元素值。
fromIndex 可选。从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

技术细节

返回值: 布尔值。如果找到指定值返回 true,否则返回 false。
JavaScript 版本: ECMAScript 6

更多实例

fromIndex 大于等于数组长度

如果fromIndex 大于等于数组长度 ,则返回 false 。该数组不会被搜索:

1
2
3
vararr = ['a','b','c'];
arr.includes('c', 3);  //false
arr.includes('c', 100);// false

计算出的索引小于 0

如果 fromIndex 为负值,计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0,则整个数组都会被搜索。

1
2
3
4
5
6
7
// 数组长度是3
// fromIndex 是 -100
// computed index 是 3 + (-100) = -97
vararr = ['a','b','c'];
arr.includes('a', -100);// true
arr.includes('b', -100);// true
arr.includes('c', -100);// true
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

本站大部分文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了您的权益请来信告知我们删除。邮箱:1451803763@qq.com