JavaScript included() 메소드는 항목에 대한 배열을 검색합니다. 이 메서드는 배열에 요소가 있으면 True를 반환합니다. filter() 메서드를 사용하면 목록에서 항목을 찾을 수 있습니다. Include()와 달리 filter() 메서드는 검색한 항목을 반환합니다.
해당 배열에 특정 값이 포함되어 있는지 확인하고 싶을 수 있습니다. 예를 들어 제품 주문 목록이 있고 매장에서 침대 옆 수납장을 주문한 사람이 있는지 확인하고 싶을 수 있습니다.
자바스크립트 배열 포함
JavaScript 배열에 항목이 포함되어 있는지 확인하는 방법에는 두 가지가 있습니다.
- 포함().
- 필터().
Include() 메서드는 항목이 배열에 존재하는지 확인하고 true 또는 false를 반환합니다. filter()는 배열에서 항목을 찾아 해당 항목을 반환합니다.
이 튜토리얼에서는 includes() 배열 사용에 대해 논의할 것입니다. 배열에 특정 요소가 포함되어 있는지 확인하는 JavaScript의 메서드. filter()를 사용하는 방법도 논의합니다. 개체 배열에 값이 포함되어 있는지 확인합니다.
자바스크립트가 포함된 배열:포함()
자바스크립트는 include() 메서드는 배열에 특정 값이 포함되어 있는지 여부를 결정합니다. 포함() 메소드는 true를 반환합니다. 지정된 항목이 발견되고 false인 경우 지정된 항목인 경우
array_name.includes(요소, 시작 위치);
포함() 메소드는 두 개의 인수를 허용합니다:
- 요소:검색할 값입니다. (필수)
- start_position:검색을 시작해야 하는 배열의 인덱스 위치. (선택 사항)
Include() 메서드는 true와 false의 두 값 중 하나를 반환할 수 있습니다. 이러한 값을 JavaScript 부울이라고 합니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
Array.includes() String.includes()와 같은 방식으로 작동합니다. 그러나 Array.includes() 개체 배열을 검색합니다.
includes() 자바스크립트 예제
우리가 커피숍을 운영하고 있다고 가정해 봅시다. 오늘 에스프레소를 주문한 사람이 있는지 확인하고 싶습니다. 다음 코드를 사용하여 오늘의 주문 목록을 확인하여 에스프레소를 주문했는지 확인할 수 있습니다.
var todays_orders =['라떼', '아메리카노', '라떼', '라떼', '모카', '코르타도'];console.log(todays_orders.includes('에스프레소')); 우리 코드는 false를 반환합니다.
todays_orders 배열 Espresso 값을 포함하지 않음 . 따라서 include()가 함수가 실행되면 false 값을 반환합니다. . 요소가 존재했던 배열을 검색하는 경우 includes() true를 반환합니다. .
이제 마지막 3개의 주문 중 라떼를 주문한 사람이 있는지 확인하고 싶다고 가정해 보겠습니다. include()를 사용할 수 있습니다. start_position이 있는 메소드 주장합니다.
사용할 코드는 다음과 같습니다.
var todays_orders =['라떼', '아메리카노', '라떼', '라떼', '모카', '코르타도'];console.log(todays_orders.includes('라떼', 3));
우리 프로그램은 true를 반환합니다. 지수 값 3 다음에 라떼를 주문했기 때문에 배열에서 include() 함수가 true를 반환했습니다. 가치.
배열에 JavaScript 포함:filter()
위의 예에서는 includes()를 사용했습니다. 문자열 배열에 특정 값이 포함되어 있는지 확인합니다. 그러나 객체 배열에 특정 값이 포함되어 있는지 확인하려면 어떻게 해야 할까요? filter()를 사용할 수 있습니다. 해당 작업을 수행하는 기능입니다.
필터() 함수는 객체 배열을 반복하고 특정 값을 검색합니다. 필터() 하나의 인수를 취합니다:값을 검색하는 데 사용되는 함수. 다음은 JavaScript filter()의 구문입니다. 기능:
var filterArray =array_name.filter(function(item) { 반환 항목;}); filter() 자바스크립트 예제
주문한 커피의 이름과 고객의 이름을 모두 포함하는 다양한 커피숍 주문 개체가 있습니다.
John Appleseed라는 이름의 사용자가 있는지 확인하고 싶습니다. 오늘은 커피를 주문했다. John은 충성도가 높은 고객이고 다음 커피에 할인을 받기로 되어 있었습니다.
다음 코드는 John Appleseed가 주문했는지 확인합니다.
var orders =[{ drink:'Cappuccino', name:'John Appleseed' }, { drink:'Espresso', name:'Mya Stuart' },{ drink:'Cappuccino', name:'Emma Berry' }];var check_orders =orders.filter(order => (order.name ==="John Appleseed"));console.log(check_orders);
우리 프로그램은 다음을 반환합니다:
[{ 음료:'카푸치노', 이름:'존 애플시드' }]
먼저 orders.라는 배열을 선언합니다. 주문한 사람들의 이름과 주문한 음료의 목록을 저장합니다. 그런 다음 check_orders라는 JavaScript 변수를 선언합니다. 이 변수는 filter()를 사용합니다. John Appleseed라는 이름의 사람이 있는지 확인하는 기능 오늘 커피를 주문했습니다.
check_orders 값을 출력합니다. JavaScript 콘솔에 대한 변수. John Appleseed가 오늘 주문을 했기 때문에 우리 함수는 그의 주문 기록을 반환합니다. 그가 주문하지 않았다면 우리 프로그램은 아무것도 반환하지 않을 것입니다.
filter()에 대해 자세히 알아보려면 메서드는 JavaScript filter() 및 reduce() 메서드에 대한 자습서를 확인하십시오.
결론
포함() 메소드는 값이 배열에 있는지 확인합니다. 이 메서드는 true를 반환합니다. 또는 거짓 결과에 따라. 필터() 메서드는 개체 배열에 특정 값이 포함되어 있는지 확인합니다. 이 메서드는 배열에 존재하는 경우 특정 기준을 충족하는 개체를 반환합니다.
JavaScript에 대해 더 알고 싶으십니까? JavaScript 학습 방법 가이드를 확인하세요. 전문가의 조언과 학습에 도움이 될 수 있는 최고의 온라인 과정, 도서 및 리소스 목록을 찾을 수 있습니다.