变量arr的长度不是应该是5吗，是哪里不对吗？


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>test01</title>
    </head>
    <body>
        <div class="aabb">
            <img src="img/cover-1.png" alt="" class="active"/>
            <img src="img/cover-1.png" alt="" />
            <img src="img/cover-1.png" alt="" />
            <img src="img/cover-1.png" alt="" />
            <img src="img/cover-1.png" alt="" />
        </div>
        <script>
            let arr=[document.querySelectorAll(".aabb img")];
            console.log(arr.length);
            for(let i=0;i<=5;i++){
                arr[i].classList.toggle('active');
            }
        </script>
    </body>
</html>

img

        let arr=[document.querySelectorAll(".aabb img")];

改成

        let arr=document.querySelectorAll(".aabb img");

或者

        let arr=[...document.querySelectorAll(".aabb img")];

还有循环i是0到4 应该是
for(let i=0;i<5;i++){
因为数组下标是从0开始的。数组中有5个元素，下标是从0到4，没有下标5。
你写 i<=5 下标出界了

let arr=[...document.querySelectorAll(".aabb img")];
不能<=5，要<5，因为你只能遍历到下角标为4