자바스크립트에서 includes 메서드를 사용하면 배열 내에 존재하는 특정 값을 찾을 수 있다. includes 는 단순히 배열 내의 값이 존재하는지 여부를 찾기 때문에 결과값으로 true, false 만을 보여준다. indexOf 와 비교되기도 한다. indexOf 는 특정 값의 index 값을 리턴하는 점에서 includes 메서드와 비교가 된다.
자바스크립트 배열 Array.includes 메서드 사용
배열 요소 찾기
includes 메서드는 자바스크립트 배열에서 요소 값을 찾는데 사용된다.
비교되는 것은 indexOf 메서드이다.
이 둘의 차이가 있다
includes 메서드는 배열 내에 특정 값이 있는지 없는지 검사를 하고 리턴값으로 true , false 를 보여준다.
indexOf 메서드는 배열 내에 특저 값의 특정 위치 인덱스를 리턴값으로 보여준다.
includes 메서드 요소 값 검사.
배열의 값은 하나 두개가 아니다.
실제로 많은 값을 가공하고 비교할 때 사용되는 배열의 값은 정말 많다.
이 때 사용되는 것이 여러가지가 있겠지만 includes 메서드 또한 사용된다.
단순히 true, false 값을 결과값으로 보여주지만 배열의 수많은 값을 검사하는데 유용하다.
사용법은 아래와 같다.
Array.includes(검색 값)샘플 코드
위의 사용법으로 자바스크립트 예제를 만들어 본다.
배열을 하나 만들고 includes 메서드를 사용하여 요소 값을 찾도록 한다.
<!DOCTYPE html>
<html>
<body>
<script>
let vArray;
let vFind;
console.log('----------');
vArray = ["바나나", "귤", "사과", "망고"];
console.log(vArray);
vInc = vArray.includes("사과");
console.log(vInc);
vInc = vArray.includes("제주감귤");
console.log(vInc);
console.log('----------');
</script>
</body>
</html>배열에 4가지의 값이 있다.
사과는 배열 내에 값이 있기 떄문에 true 를 나타낼 것이다.
제주감귤은 배열 내에 값이 없다. false 를 나타낼 것이다.
결과 화면을 보자.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 상수 배열 선언하기 declaring javascript const array (0) | 2022.02.10 |
|---|---|
| 자바스크립트 배열 상수 특징 javascript const array (0) | 2022.02.07 |
| 자바스크립트 배열 Array.keys() 메서드 사용 (0) | 2022.02.04 |
| 자바스크립트 반복 Array.from 메서드 사용 배열 객체들 표시하기 (0) | 2022.02.03 |
| 자바스크립트 배열 findIndex 메서드 사용 배열의 검색된 첫번째 값 인덱스 찾기 (0) | 2022.01.31 |
댓글