js 中 includes 与 push 的配合使用方法

在 JavaScript 编程中，includes 和 push 是两个非常实用的数组方法，当它们配合使用时，能解决许多数据处理场景中的问题。

includes 方法用于判断一个数组是否包含一个指定的值。它的语法非常简单：array.includes(searchElement[, fromIndex])，其中 searchElement 是需要查找的值，fromIndex 是可选参数，表示开始查找的位置。如果数组中包含该值，includes 会返回 true，否则返回 false。

push 方法则用于在数组的末尾添加一个或多个元素，并返回新数组的长度。其语法为 array.push(element1[, element2[,...[, elementN]]])。

那么，这两个方法如何配合使用呢？一个常见的场景是去重并添加元素。假设我们有一个数组，想要确保某个元素只出现一次，如果不存在则添加进去。这时就可以借助 includes 和 push 来实现。

let myArray = [1, 2, 3];
let newElement = 4;

if (!myArray.includes(newElement)) {
    myArray.push(newElement);
}
console.log(myArray); 

在上述代码中，首先使用 includes 检查 newElement 是否已经存在于 myArray 中。如果不存在（!myArray.includes(newElement) 为 true），则使用 push 将 newElement 添加到数组末尾。

另一个应用场景是在处理用户选择的数据集合时。比如，用户从多个选项中选择一些项目，可能会重复选择，我们需要确保数据集合中没有重复项。

let selectedItems = [];
function addItem(item) {
    if (!selectedItems.includes(item)) {
        selectedItems.push(item);
    }
}

在这个示例中，addItem 函数用于添加用户选择的项目。每次添加前，先通过 includes 检查该项目是否已存在，若不存在则用 push 添加，这样就保证了 selectedItems 数组中不会有重复元素。

includes 和 push 的配合使用，为我们在处理数组数据时提供了便捷、高效的方式，能有效提升代码的逻辑性和可维护性，是 JavaScript 开发者值得掌握的实用技巧。