数组 → includes() → 检测数组中是否含有自己想找的值

╰+哭是因爲堅強的太久メ 2021-11-11 04:12 238阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>数组实例的 includes()</title>
    </head>
    <body>
    <script>
        /*
        includes()说明：
        Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，
        与字符串的includes方法类似。ES2016 引入了该方法。
        */
    
        //现在你想知道numberList数组里面有没有7这个元素，应该这样操作：
        const numberList = [1, 2, 3, 57, 78, 11];
        if (numberList.includes(7)) {
    
        } else {
            console.log('numberList数组里面没有7这个元素');
        }
    
    
        /*
        includes()的第二个参数表示搜索的起始位置，默认为0。
        */
        //现在你想知道numberList数组里面从下标为2开始有没有7这个元素，应该这样操作：
        if (numberList.includes(7, 2)) {
    
        } else {
            console.log('numberList数组里面没有7这个元素');
        }
    
        /*
        没有includes()之前，我们通常使用数组的indexOf方法，检查是否包含某个值。
        
        indexOf():
        方法可返回某个指定的字符串值在字符串中首次出现的位置。
        如果要检索的字符串值没有出现，则该方法返回 -1。
        
        indexOf方法有两个缺点，
        一是不够语义化，它的含义是找到参数值的第一个出现位置，所以要去比较是否不等于-1，
        表达起来不够直观。
        二是，它内部使用严格相等运算符（===）进行判断，这会导致对NaN的误判。
        */
        if (numberList.indexOf(7) !== -1) {
    
        } else {
            console.log('numberList数组里面没有7这个元素');
        }
        console.log([NaN].indexOf(NaN));//-1
        console.log([NaN].includes(NaN));//true
    
    
    </script>
    </body>
    </html>