splice() 사용 전후에 결과 배열 얻기

Question

인덱스를 통해 배열에서 특정 요소를 제거하기위한 데모를 작성했습니다.

Array.prototype.splice()

var splice_a = function (array, index) { 
 
    array.splice(index, 1); 
 
    return array 
 
}; 
 

 
var splice_b = function (array, index) { 
 
    return array.splice(index, 1) 
 
}; 
 

 
var test = function() { 
 
    var array = [1, 2, 3]; 
 
    
 
    alert(splice_a(array, 1)); 
 
    alert(splice_b(array, 1)); 
 
};

<button onclick="test()">Click me</button>

는 return value에 대해 말한다 :

배열이 삭제 된 요소를 포함. 하나의 요소가 인 경우 하나의 요소의 배열이 반환됩니다. 요소가 제거되지 않으면 빈 배열이 반환됩니다.

결과 배열을 가져 오려면 키워드 return과 결합해야하나요? 나는 2 차 결과를 얻고 있기 때문에

이 경우이어야한다 :

1,3

3

내 질문 :이 경우 return array.splice(index, 1) 일어날 무엇?

Answer 1

여기에 무슨 일이 일어나고 있는지의 추상적 인 예이다. 모든 Array.prototype 메서드는 배열을 반환하지 않습니다. 예를 들어, 은 원래 배열을 반환하지 않습니다. 이것은 당신이 무엇을하려고 유사하다 :

function foo_a(arr) { 
    // call foo, removes element from arr. 
    arr.foo() // We do not return here so the fact that foo returns 1 is not used. 
    return arr 
} 

function foo_b(arr) { 
    // call foo, removes element from arr. 
    return arr.foo() // We return the return value of foo here, which is 1 
} 

var arr = [1, 2, 3, 4]; 

foo_a(arr) // [1, 2, 3] 
foo_b(arr) // 1 

TL을, 박사 return arr.foo()는 기본적으로 관계없이 배열에 수행 이제까지 다른 것을 항상 1 "foo는의 반환 값을 반환"말하고 .

Answer 2

결과 배열은 사용자 고유의 배열입니다. 다시 돌려 줄 필요는 없습니다. 그래서 그냥 다음과 같습니다

var splice_a = function (array, index) { 
    array.splice(index, 1); 
    return array 
}; 
var array = [1, 2, 3, 4]; 

splice_a(array, 1); 
alert(array) //will show 1,3,4; 

splice_a(array, 1); 
alert(array) //will show 1,4; 

Answer 3

Array.prototype.splice가 배열로 배열 반환 제거 값의 m 인덱스에서 n 데이터를 제거합니다 : 귀하의 상황에 따라서

var m = 2, 
 
    n = 3; 
 
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 
 
var removedValues = arr.splice(m, n); 
 

 
console.log(arr, removedValues);

그 배열 (인덱스 값)에서 하나의 요소를 제거하고 새로운 배열로 반환합니다.

// a function that removes the last element from an array, and returns 1 
Array.prototype.foo = function() { 
    this.pop() 
    return 1 
} 

// a function that removes the last element from an array, and returns the array 
Array.prototype.bar = function() { 
    this.pop() 
    return this 
} 

같은 일이 arr에 일어날 것 arr.foo() 또는 arr.bar()를 호출한다면, 당신은 호출하는 기능을하지만 반환 값이 다릅니다

Answer 4

반환 값의 차이를 표시하도록 함수를 수정했습니다. 모두 동일한 방식으로 전달 된 배열을 변경합니다. 변경되는 유일한 것은 반환 값입니다. 이것은 혼란 스러울 수도 있습니다.array 변수는 splice_b을 실행하기 전에 splice_a에 의해 변경됩니다.

var splice_a = function (array, index) { 
 
    var removed = array.splice(index, 1); 
 
    console.log(` Removed = ${removed}`); 
 
    console.log(` Array = ${array}`); 
 
    
 
    return array; 
 
}; 
 

 
var splice_b = function (array, index) { 
 
    var removed = array.splice(index, 1) 
 
    console.log(` Removed = ${removed}`); 
 
    console.log(` Array = ${array}`); 
 
    
 
    return removed; 
 
}; 
 

 
var array = [1, 2, 3]; 
 

 
console.log(`Array before splice_a: ${array}`); 
 
splice_a(array, 1); 
 

 
console.log(`Array before splice_b: ${array}`); 
 
splice_b(array, 1); 
 

 
console.log(`Final value of array: ${array}`);

당신은 어쨌든 변화의 경우는 값을 반환 할 이유에 관해서는

. 이것은 주로 체인 명령의 편의를위한 것입니다. 바로 첫 번째 함수를 고려

var splice_a1 = function (array, index) { 
 
    var removed = array.splice(index, 1); 
 
    return array; 
 
}; 
 
var splice_a2 = function (array, index) { 
 
    var removed = array.splice(index, 1); 
 
}; 
 

 

 
var array = [1, 2, 3]; 
 
// This will run, because splice_a1 returns an array 
 
splice_a1(array, 1).forEach(_ => console.log(_)) 
 

 
// This will throw an error, because <undefined> does not have a forEach() 
 
splice_a2(array, 1).forEach(_ => console.log(_))