js的includes函数

简介: js的includes函数

在JavaScript中,includes() 是一个数组(Array)和字符串(String)对象的方法,用于确定一个数组是否包含一个特定的值,或者一个字符串是否包含一个特定的子串。如果找到该值或子串,则返回 true;否则返回 false

数组中的 includes()

对于数组,includes() 方法用于判断一个数组是否包含一个指定的值,根据情况,如果需要,可以指定开始搜索的位置。

语法

javascript复制代码

arr.includes(valueToFind[, fromIndex])
  • valueToFind:必需。需要查找的元素值。
  • fromIndex:可选。从该索引处开始查找 valueToFind。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜寻。即使整个数组已经被搜索,fromIndex 仍然会被当作有效位置。如果省略该参数,则整个数组都会被搜索。

示例

javascript复制代码

const array1 = [1, 2, 3, 4, 5];
console.log(array1.includes(3)); // 输出: true
console.log(array1.includes(6)); // 输出: false
// 使用 fromIndex
console.log(array1.includes(3, 3)); // 输出: false
console.log(array1.includes(3, -1)); // 输出: true

字符串中的 includes()

对于字符串,includes() 方法用于判断一个字符串是否包含另一个字符串,或者是否包含指定的子串。

语法

javascript复制代码

str.includes(searchString[, position])
  • searchString:必需。要查找的字符串。
  • position:可选。开始搜索的位置。如果省略该参数,则从头开始搜索。

示例

javascript复制代码

const str = 'Hello, world!';
console.log(str.includes('world')); // 输出: true
console.log(str.includes('universe')); // 输出: false
// 使用 position
console.log(str.includes('world', 7)); // 输出: false
console.log(str.includes('world', 0)); // 输出: true

includes() 方法对于不区分大小写的搜索是不适用的。如果你需要进行不区分大小写的搜索,你需要先将字符串转换为全部大写或全部小写,然后再使用 includes() 方法。

javascript复制代码

const str = 'Hello, World!';
const search = 'world';
console.log(str.toLowerCase().includes(search.toLowerCase())); // 输出: true

请注意,includes() 方法不会改变原数组或原字符串,它只是返回一个布尔值来指示是否找到了指定的值或子串。

目录
相关文章
|
2天前
|
JavaScript 前端开发
JavaScript 闭包:让你更深入了解函数和作用域
JavaScript 闭包:让你更深入了解函数和作用域
|
2天前
|
JavaScript 前端开发 网络架构
函数柯里化:JavaScript中的高级技巧
函数柯里化:JavaScript中的高级技巧
|
3天前
|
JavaScript 前端开发
JavaScript的`apply`方法:函数的“应用”与“调用”
JavaScript的`apply`方法:函数的“应用”与“调用”
|
3天前
|
JavaScript 前端开发
JavaScript的`bind`方法:函数的“复制”与“定制”
JavaScript的`bind`方法:函数的“复制”与“定制”
|
3天前
|
JavaScript 前端开发
JavaScript的`call`方法:实现函数间的调用!
JavaScript的`call`方法:实现函数间的调用!
|
4天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
18 2
|
4天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指什么
【5月更文挑战第9天】JavaScript中的异步函数用于处理非立即完成的操作,如定时器、网络请求等。它们可通过回调函数、Promise或async/await来实现。示例展示了如何使用async/await模拟网络请求:定义异步函数fetchData返回Promise,在另一异步函数processData中使用await等待结果并处理。当fetchData的Promise解析时,data变量接收结果并继续执行后续代码。注意,调用异步函数不会阻塞执行,而是会在适当时间点继续。
12 0
|
4天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
14 1
|
4天前
|
JavaScript 前端开发 网络架构
JavaScript中的箭头函数是一种新的函数表达形式
【5月更文挑战第9天】JavaScript的箭头函数以简洁语法简化函数定义,其特性包括:1) 不绑定自身this,继承上下文的this,适合回调和事件处理;2) 没有arguments对象,需用剩余参数语法访问参数;3) 不能用作构造函数,无new调用;4) 没有prototype属性,不支持基于原型的继承。箭头函数在特定场景下优化了this处理,但使用时要注意与普通函数的差异。
12 2
|
4天前
|
JavaScript 前端开发
js的一些内置函数
js的一些内置函数
8 1