이 자습서에서는 JavaScript 배열에서 '정의되지 않은' 값을 제거하는 방법을 설명합니다.
JavaScript 배열에서 '정의되지 않은' 값을 제거하는 방법이 있습니까?
다음 JavaScript 미리 정의된 메서드는 배열에서 정의되지 않은 값을 제거하는 데 사용됩니다.
방법 1: 'filter()' 방법을 사용하여 배열에서 '정의되지 않은' 값 제거/제거
배열에서 정의되지 않은 값을 제거하려면 ' 필터() ' 방법. 특정 테스트를 만족하는 모든 요소를 포함하는 새 배열을 출력합니다. 각 요소가 테스트되는 조건을 정의하는 인수로 함수를 허용합니다.
통사론
filter() 메서드를 사용하려면 주어진 구문을 따르십시오.
필터 ( 콜백Fnc ( ) {
//상태
} )
예
'가 포함된 숫자를 포함하는 배열을 만듭니다. 한정되지 않은 ” 값:
const 정렬 = [ 열하나 , 한정되지 않은, 이십 , 23 , 8 , 한정되지 않은, 14 , 열 다섯 ] ;콜백 함수가 '와 같지 않은 요소를 반환하는 필터() 메서드를 호출합니다. 한정되지 않은 ”:
const 필터링된 배열 = 정렬. 필터 ( 기능 ( 요소 ) {
반품 요소 !== 한정되지 않은 ;
} ) ;
마지막으로 결과 어레이를 콘솔에 표시합니다.
콘솔. 통나무 ( 필터링된 배열 ) ;보시다시피 정의되지 않은 값이 성공적으로 제거되었음을 나타내는 출력은 다음과 같습니다.
방법 2: 'reduce()' 방법을 사용하여 배열에서 '정의되지 않은' 값 제거/제거
배열에서 정의되지 않은 값을 제거하는 또 다른 방법은 JavaScript ' 줄이다() ' 방법. 배열을 반복하고 배열의 요소를 기반으로 단일 값을 누적/수집하는 데 사용됩니다. 배열의 모든 요소에 대해 호출되는 인수로 콜백 함수를 받아들이고 결과 값은 다음 반복을 위한 누산기로 사용됩니다.
통사론
다음 구문은 reduce() 메서드에 사용됩니다.
줄이다 ( 콜백Fnc ( ) {//상태
} , 초기 값 )
예
빈 배열([ ])인 초기값으로 콜백 함수와 함께 reduce() 메서드를 호출합니다. 콜백 함수는 배열을 반복하고 정의되지 않은 요소를 선택하여 누산기 배열로 푸시합니다. 각 반복 후에 콜백 함수는 누산기 배열을 출력합니다.
const 정렬 = [ 열하나 , 한정되지 않은, 이십 , 23 , 8 , 한정되지 않은, 14 , 열 다섯 ] ;const 필터링된 배열 = 정렬. 줄이다 ( ( 요소 ) => {
만약에 ( 요소 !== 한정되지 않은 ) {
언제 푸시 ( 요소 ) ;
}
반품 언제 ;
} , [ ] ) ;
마지막으로 콘솔에 결과 누산기 배열을 표시합니다.
콘솔. 통나무 ( 필터링된 배열 ) ;산출
JavaScript의 배열에서 정의되지 않은 값을 제거하기 위한 모든 필수 정보를 컴파일했습니다.
결론
제거 ' 한정되지 않은 ” 배열의 값은 사전 정의된 JavaScript를 활용합니다. 필터() ” 방법 또는 “ 줄이다() ' 방법. 두 방법 모두 정의되지 않은 값을 제거하는 데 적합하지만 filter() 방법은 다른 배열의 요소를 푸시할 필요가 없기 때문에 가장 좋습니다. 이 자습서에서는 배열에서 '정의되지 않은' 값을 제거하는 방법을 설명했습니다.