将新元素添加到数组的末尾时，它会使用splice进行更改？

Question

When $scope.event reach BufferLimit i am removing first element from an array that will reduce totalReceived value than i am pushing new element outside if statement, but when i push new element i dont see that as last item in array ? I also use slice that froze my browser at bufferlimit with shift it is same as slice . I am looking for better solution because of high data volume ?

Ctrl.js

 //BufferLimit is 8MB totalReceived value is coming from other method

 $scope.event = [];
    function safelyAdd(element) {
        if (totalReceived > Bufferlimit && $scope.event.length) {

     $scope.event = $scope.event.splice(1); //delete first element in $scope.event

            totalReceived -= $scope.event[0].messageSize; //total message size minus deleted message size
            console.log('totalReceivedBytes', totalReceived);
            // $scope.event =[];//reset array if max size reached..
            console.log('$scope.event', $scope.event)
        }
        console.log('$scope.event.length', $scope.event.length);

            $scope.event.push(element); //then push new item..

    }

Answer 1

In your code line# 4, dont assign spliced array to same array.Just splice it

as below
$scope.event.splice(1); //delete first element in $scope.event