(ArrayBuffer)普通数组的操作方法和属性（find()、findIndex()、some()、every()）

分手后的思念是犯贱 2021-12-22 04:53 179阅读 0赞

<!DOCTYPE html>
    <html lang="en">
     
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>普通数组的操作方法和属性</title>
    </head>
     
    <body>
        <script>
            const inventory = [
                { name: 'apples', quantity: 2 },
                { name: 'bananas', quantity: 22 },
                { name: 'cherries', quantity: 222 },
            ];
     
     
            /*
            .find()
            find()函数用来查找目标元素，找到就返回该元素(下面如果还有内容将不会再执行)，
            找不到返回undefined。
            */
            //正常写法
            const bananas = inventory.find(fruit => {
                console.log(fruit)//{name: "apples", quantity: 2}{name: "bananas", quantity: 22}
                if (fruit.name == 'bananas') {
                    return true
                }
                return false
            })
            console.log(bananas)//{name: "bananas", quantity: 22}
            //缩写
            const bananas2 = inventory.find(fruit => fruit.name === 'bananas')
            console.log(bananas2)//{name: "bananas", quantity: 22}
     
     
            const bananas1 = inventory.find(fruit => {
                if (fruit.name == 'watermelon') {//注意：watermelon在inventory数组里面是不存在的
                    return true
                }
                return false
            })
            console.log(bananas1)//undefined
     
     
            /*
            .findIndex()
            findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。
            */
            //inventory数组对象中存在bananas
            const bananasIndex = inventory.findIndex(fruit => fruit.name === 'bananas')
            console.log(bananasIndex)//1
     
            // //inventory数组对象中不存在bananas
            const bananasIndex1 = inventory.findIndex(fruit => fruit.name === 'noBananas')
            console.log(bananasIndex1)//-1
    
    
            /*
            .some()
            some() 方法测试是否至少有一个元素可以通过被提供的函数方法。
            该方法返回一个Boolean类型的值。
            */
            const isEnough=inventory.some(fruit=>{
                return fruit.quantity>200
            })
            console.log(`isEnough:${isEnough}`)//true
    
            //注意some()会从你提供的数据中，从上到下依次执行，
            //最先找到符合的数据然后下面的数据将不会再执行。
            const isEnough1=inventory.some(fruit=>{
                console.log(fruit.quantity)//2 22
                return fruit.quantity>20
            })
            console.log(`isEnough:${isEnough1}`)//true
    
    
            /*
            .every()
            every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。
            它返回一个布尔值。
            */
            const isAllEnough=inventory.every(fruit=>{
                return fruit.quantity>200
            })
            console.log(`isAllEnough:${isAllEnough}`)//false
            //注意every()会从你提供的数据中，从上到下依次执行，
            //最先找到符合的数据然后下面的数据将不会再执行。
            const isAllEnough1=inventory.every(fruit=>{
                console.log(fruit.quantity)//2
                return fruit.quantity>200
            })
            console.log(`isAllEnough1:${isAllEnough1}`)//false
    
     
        </script>
    </body>
     
    </html>