js 在array的遍历操作中修改arry中元素数量 出现的一些奇特的操作

let a = [1, 2, 3, 4, 5, 6, 7];//定义一个7个元素的数组
// a.forEach(i => {//遍历数组
// a.splice(0, 1, 'add_value1', 'add_value2',);//每次遍历的时候删除一个元素，添加两个元素
// console.log(i);//打印的结果 第一次打印值：1 其余6次打印的值皆为add_value2 说明当在array遍历的过程中添加array内元素的数量，遍历次数值 仍是调用遍历时array内元素的数量值
// })a.forEach(i => {//遍历数组
a.splice(1, 2, 'add_value1');//每次遍历的时候删除两个元素，添加1个元素
console.log(a[3]);//打印的结果 第一次打印值：1 第二次打印为‘add_value1’ 第三次为5 第四次为7 然后就结束遍历了！！！ 而且第四次遍历时a[3]为undefined但却打印出了7 这是我所疑惑的
})