返回

揭开 includes 的神秘面纱——从 MDN 剖析 Array、String 和 TypedArray 的函数用法

前端

includes 函数简介

includes 函数用于确定一个数组、字符串或 TypedArray 是否包含一个指定的值。它返回一个布尔值,true 表示包含,false 表示不包含。

语法

includes(searchElement, [fromIndex])
  • searchElement:要查找的值。
  • fromIndex(可选):指定开始搜索的位置。

用法

1. 数组

const array = [1, 2, 3, 4, 5];

console.log(array.includes(3)); // true
console.log(array.includes(6)); // false

2. 字符串

const str = "Hello World";

console.log(str.includes("Hello")); // true
console.log(str.includes("World")); // true
console.log(str.includes("!")); // false

3. TypedArray

const typedArray = new Int8Array([1, 2, 3, 4, 5]);

console.log(typedArray.includes(3)); // true
console.log(typedArray.includes(6)); // false

fromIndex 参数

fromIndex 参数指定开始搜索的位置。如果省略,则从头开始搜索。

const array = [1, 2, 3, 4, 5];

console.log(array.includes(3, 2)); // true
console.log(array.includes(3, 3)); // false

应用场景

includes 函数在实际开发中有着广泛的应用场景,例如:

  • 表单验证:检查用户输入的值是否合法。
  • 数据过滤:从数据集中筛选出符合条件的数据。
  • 对象查找:在对象数组中查找符合条件的对象。
  • 字符串匹配:判断一个字符串是否包含另一个字符串。

结语

includes 函数是 JavaScript 中一个非常实用的函数,可以帮助我们快速确定一个数组、字符串或 TypedArray 是否包含一个指定的值。掌握 includes 函数的用法,可以使我们的代码更加简洁高效。