ES7 新增对象的 includes 方法详解

ES7 新增对象的 includes 方法详解

在 ES2016 (也称为 ES7) 中，新增了 includes 方法，使得在对象中查找值变得更加方便和直观。在本文中，我们将深入学习这个方法，并提供指导意义和示例代码。

1. 概述

includes 方法用于判断一个对象是否包含指定的值，如果包含，则返回 true，否则返回 false。该方法适用于字符串和数组，它也可以用于对象。

语法：object.includes(value, start)

参数说明：

• value：需要查找的值。
• start：开始查找的位置（可选参数），默认值为 0。

返回值：

• true：如果发现指定的值。
• false：如果没有发现指定的值。

2. 示例

下面是一个简单的示例，展示了如何使用 includes 方法查找字符串中的一个值：

const str = "hello world!";
const result = str.includes("world");
console.log(result); // true

同样地，我们也可以对数组进行搜索：

const arr = [1, 2, 3, 4, 5];
const result = arr.includes(3);
console.log(result); // true

但是，最有趣的是，我们可以把它用在对象上。假设我们有如下定义的对象：

const person = { name: "Alice", age: 30 };

我们可以使用以下代码来查找属性值：

const result = Object.values(person).includes("Alice");
console.log(result); // true

通过以上代码，我们可以看到值 "Alice" 存在于对象的属性中，因此结果为 true。

3. 指导意义

includes 方法为开发者提供了一种更简单和可读性更好的方法，用于在字符串、数组和对象之间查找值。这个方法就像是一种语言构建，它被广泛使用，并且提供了一种通用的方式用于查找值。

在有码农网的博客中，我们推荐在针对对象使用 includes 时，首先将对象转换为一个包含值的数组，而不是将其“强制”转换为字符串然后进行比较。通过这种方式，我们可以更好地掌握代码的可读性和可维护性。

结论

在 ES7 中，新增的 includes 方法为我们在对象中查找值提供了方便、直观且高效的方法。代码将变得更加简单、易读和可维护。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66ffee30485b53fc16b6e7b2