(共566篇)
全部分类

includes方法查找元素
[ JS基础 ] 

判断数组中是否存在某个元素

在实际工作中,经常需要判断数组中是否存在某个元素,前面讲过的for循环可以用来实现这个功能:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
var arr = ["苹果", "香蕉", "西瓜", "橘子", "西瓜"];
var item = "葡萄";

var result = false;
for (var m = 0; m < arr.length; m++) {
    if (arr[m] == item) {
        result = true;
        break;
    }
}
if (result) {
    console.log("数组中包含指定元素");
} else {
    console.log("数组中不包指定元素");
}

为了便于重复使用这面这段代码,我们把以上代码使用函数封装一下

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
    var arr = ["苹果", "香蕉", "西瓜", "橘子", "西瓜"];
    console.log("数组中的元素:", arr);

    function hasItem(item) {
        var result = false;
        for (var m = 0; m < arr.length; m++) {
            if (arr[m] == item) {
                result = true;
                break;
            }
        }
        if (result) {
            console.log("数组中包含" + item);
        } else {
            console.log("数组中不包含" + item);
        }
        return result;
    }
    console.log(hasItem("西瓜"));
    console.log(hasItem("葡萄"));
</script>

案例代码

上面是我们自己封装的“检查数组中是否包含某个元素”的函数,JS 里面其实内置了几个同样功能的方法。

includes 方法

array.inclues(item)方法,可判断数组array中是否包含item元素

该方法返回一个布尔值,true 表示包含 item 元素,false 表示不包含元素

1
2
3
4
5
6
7
<script>
    var arr = ["苹果", "香蕉", "西瓜", "橘子", "西瓜"];
    console.log("数组中的元素:", arr);

    console.log("数组是否包含西瓜:", arr.includes("西瓜"));
    console.log("数组是否包含葡萄:", arr.includes("葡萄"));
</script>

案例代码