arr.entries()方法得到的value与arr.[key]的区别？

第一种：<script>

        const arr = ["i", "m", "o", "o", "c"]

            //    在此补充代码

        let i = 0;

        for (const [key, value] of arr.entries()) {

            if (key == 2) {

=====>             arr[key] = value.toUpperCase();

                break;

            }

        };

        console.log(arr);

    </script>

  第二种：<script>

        const arr = ["i", "m", "o", "o", "c"]

            //    在此补充代码

        let i = 0;

        for (const [key, value] of arr.entries()) {

            if (key == 2) {

  =====>         value = value.toUpperCase();

                break;

            }

        };

        console.log(arr);

    </script>

arr.[key]不就是value吗？为什么第二种会报错？