JavaScript의 값으로 배열에서 항목 제거
이 튜토리얼은 JavaScript에서splice()및filter()함수를 사용하여 값으로 배열에서 항목을 제거하는 방법에 대해 설명합니다.
JavaScript에서splice()함수를 사용하여 값으로 배열에서 항목 제거
값으로 배열에서 항목을 제거하려면 JavaScript에서splice()함수를 사용할 수 있습니다. splice()함수는 인덱스를 사용하여 배열에서 항목을 추가하거나 제거합니다. 값으로 주어진 배열에서 항목을 제거하려면indexOf()함수를 사용하여 해당 값의 색인을 가져온 다음splice()함수를 사용하여 색인을 사용하여 배열에서 값을 제거해야합니다. 예를 들어, 3 개의 문자열 값이있는 배열을 만들고splice()및indexOf()함수를 사용하여 하나의 문자열 값을 제거해 보겠습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
var myIndex = myArray.indexOf('two');
if (myIndex !== -1) {
myArray.splice(myIndex, 1);
}
console.log(myArray)
출력:
["one", "three"]
위의 코드에서if문을 사용하여 값이 배열에 있는지 여부를 확인합니다. 값이 있으면 해당 인덱스는 -1이 아닙니다. 그렇지 않으면 -1이됩니다. indexOf()함수는 주어진 값의 인덱스를 반환하며, 배열에 없으면 함수는 -1을 반환합니다. 값이 배열에 있으면splice()함수를 사용하여myIndex에있는 1 개의 값을 제거합니다. splice()함수에서 두 번째 인수로 정의하여 배열에서 둘 이상의 값을 제거 할 수도 있습니다. console.log()함수는 항목이 콘솔의 배열에서 제거 된 후 새 배열을 표시합니다.
JavaScript에서filter()함수를 사용하여 값으로 배열에서 항목 제거
값으로 배열에서 항목을 제거하려면 JavaScript에서filter()함수를 사용할 수 있습니다. filter()함수는 배열의 각 값에 대해filter()함수 내에 정의 된 함수를 적용하여 주어진 배열에서 값을 필터링하는 데 사용됩니다. 우리의 경우filter()함수 내에 함수를 정의하여 배열에서 제거하려는 값을 받아들이는 모든 값을 반환하고 결과는 새 배열에 저장됩니다. 예를 들어, 세 개의 문자열 값이있는 배열을 만든 다음filter()함수를 사용하여 제거하려는 값을 제외하고 첫 번째 배열의 모든 값을 포함하는 또 다른 배열을 만듭니다. 이렇게하면 원래 배열이 변경되지 않습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
var newArray = myArray.filter(function(f) {
return f !== 'two'
})
console.log(newArray)
출력:
["one", "three"]
위의 코드에서 배열에서two값을 제거하고 결과를newArray변수에 저장했습니다.이 변수는 콘솔에 표시됩니다.
