JavaScript：分享字符串与数组的includes()用法

作者：Terry2023.07.02来源：Web前端之家浏览：3542评论:0

关键词：js

JavaScript：分享字符串与数组的includes()用法。

字符串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>Web前端之家</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 Jiangweishan.com.";
  var n = str.includes("Jiangweishan.com");
  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

赏您的支持是我们创作的动力！