插件窝 干货文章 JavaScript中字符串与数组的includes()用法

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

includes 字符串 数组 lt 387    来源:    2024-10-30

字符串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(null, 3);  // false
[1, 2, 3].includes(null, -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内容请搜索插件窝以前的文章或继续浏览下面的相关文章希望大家以后多多支持插件窝!