JavaScript includes 간편 사용법, 구문, 예시 코드

JavaScript에서 includes  간편 사용법, 구문, 예시 코드

 

 

JavaScript에서 includes 메서드는 배열 내에서 특정 요소의 존재를 확인하는 유용한 기능 중 하나입니다. 이 메서드는 특정 값이 배열에 포함되어 있는지 여부를 빠르고 간단하게 확인할 수 있습니다. 이 글에서는 includes 메서드의 사용법과 예시 코드를 통해 그 동작 방식을 자세히 살펴보겠습니다.

 

 

includes 메서드의 기본 구문

 

includes 메서드는 배열에 특정 요소가 포함되어 있는지를 확인하는 메서드로, 다음과 같은 구문을 가집니다.

 

 

array.includes(element, fromIndex)

 

• array: 요소를 확인할 배열
• element: 확인하고자 하는 요소
• fromIndex (선택적): 확인을 시작할 인덱스

 

 

includes 메서드의 사용 예시

 

배열에서 요소 확인하기

가장 간단한 사용 예시로, 배열 내에서 특정 요소의 존재를 확인해보겠습니다.

 

const fruits = ['사과', '바나나', '오렌지', '포도'];

const hasBanana = fruits.includes('바나나');
console.log(hasBanana); // true

 

위의 코드에서 'includes' 메서드는 '바나나'가 'fruits' 배열에 포함되어 있는지 확인하고 결과로 true를 반환합니다.

 

시작 인덱스 지정하기

'includes' 메서드는 두 번째 매개변수 fromIndex를 통해 확인을 시작할 위치를 지정할 수 있습니다.

 

 

const numbers = [1, 2, 3, 4, 5, 1, 2];

const hasTwo = numbers.includes(2, 3);
console.log(hasTwo); // true

 

위의 코드에서 fromIndex를 3으로 설정하면, 'includes' 메서드는 인덱스 3부터 시작하여 2를 찾고 결과로 true를 반환합니다.

 

 

includes 메서드의 반환 값

 

• includes 메서드는 요소를 찾으면 true를 반환하고, 찾지 못하면 false를 반환합니다.
• 이 메서드는 엄격한 비교(===)를 사용하여 요소를 확인합니다.

 

 

include 메서드의 활용

 

includes 메서드는 배열 내에 특정 요소가 존재하는지 여부를 확인하는 간단하면서도 유용한 방법을 제공합니다. 이를 통해 조건문을 사용하여 특정 동작을 수행하거나, 필터링에 활용할 수 있습니다.

 

const colors = ['빨강', '파랑', '노랑', '초록'];

if (colors.includes('파랑')) {
  console.log('파랑색을 찾았습니다.');
} else {
  console.log('파랑색을 찾지 못했습니다.');
}

 

 

끝으로

 

includes 메서드는 JavaScript에서 배열 요소의 존재를 확인하는 간단하면서도 효과적인 방법을 제공합니다. 이를 통해 배열에서 특정 요소를 찾거나 조건부 작업을 수행할 때 유용하게 활용할 수 있습니다. JavaScript 개발에서 includes 메서드를 활용하여 더 효율적인 코드를 작성할 수 있을 것입니다.

 

▼ 아래 글도 읽어보세요! ▼

 

JavaScript 유사 배열 객체 쉽게 배우기, 예제 소스 코드 제공

 

JavaScript 콜백 지옥 해결법 - Promise, async/await 사용법 소개