splice改变数组的问题

今天遇到一个题目：
移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进行操作，并将结果返回
我的代码如下：

let arr=[1,2,3,4,5,4,3,3,3,3,3,3,3,4];
let item = 3;
function removeWithoutCopy(arr,item) {
    arr.forEach(function(ele,index){
        console.log(ele,index);
        if(ele==item)arr.splice(index,1);
    });
  return arr;
}
console.log(removeWithoutCopy(arr, item));

我的结果如下：
[1, 2, 4, 5, 4, 3, 3, 3, 4]
由结果可以看出，并没有把3全部都移除，它的原因在于splice会修改数组，这就导致修改之后后面的数往前移动，往前移动的部分下标也会改变，因此改变下标之后就不会被splice检测到，因此它不能把全部的都移除掉。

因此我决定用for循环来解决这个问题：

let arr=[1,2,3,4,5,4,3,3,3,3,3,3,3,4];
let item = 3;
function removeWithoutCopy(arr,item) {
    for(let i=0;i<arr.length;i++){
        if(arr[i]==item){
            arr.splice(i,1);
            i--;
        }
    }
  return arr;
}
console.log(removeWithoutCopy(arr, item));