[JS] ES6 : includes()를 이용하여 문자열 및 배열에 특정 값이 있는 지 확인 해보자.

 

javascript를 이용하다 보면 문자열 및 배열에서 특정값이 있는 지 확인 해야 할 때가 있는데,

그럴 때 Includes()를 활용할 수 있다.

Includes()는 ES6에서 추가 된 메서드이다.. MDN에서는 Includes()를 2가지로 나누고 있다.

 

1. Array.prototype.includes() : 배열이 특정 문자열을 포함하고 있는 지 판별한다.

2. String.prototype.includes() : 하나의 문자열이 다른 문자열에 포함되어 있는 지 판별한다.

 

결국 판별해주는 함수이기 때문에 둘 다 리턴 되는 값은 true/false이다..

 

 

-----------------------------------------------------------------------------------------------------------------------------------

 

기본문법

--문자열
String.includes( searchString, length )

--배열
Array.includes( searchString, length )

searchString : 찾고자 하는 문자열
length : 검색을 시작 할 위치로, 선택 값이다. length를 생략하면 전체 문자열을 탐색한다.

 

 

 

<script>

   let Txt = '달 밝은 밤이면 창가에 흐르는 내 젊은 연가가 구슬퍼';
   let array = ['달 밝은 밤이면','창가에 흐르는','내 젊은 연가가','구슬퍼'];

   // string.prototype.includes
   console.log('Txt에 밝은 밤은 있습니까? : ' + Txt.includes('밝은 밤')); // true 반환
   console.log('Txt에 어두운 밤은 있습니까? : ' + Txt.includes('어두운 밤')); // false 반환

   // array.prototype.includes
   console.log('array에 창가에 흐르는 은 있습니까? : ' + array.includes('창가에 흐르는')); // true 반환
   console.log('array에 도시에 흐르는 은 있습니까? : ' + array.includes('도시에 흐르는')); // false 반환
   
</script>

 

둘 다 포함이라는 것은 똑같지만, Array같은 경우에는 각 속성값이 맞아야 한다.

예를 들면 "달 밝은 밤이면" 은 true이지만, "밝은 밤이면" 은 false이다..

 

<script>

   let array = ['달 밝은 밤이면','창가에 흐르는','내 젊은 연가가','구슬퍼'];

   // array.prototype.includes
   console.log(array.includes('달 밝은 밤이면')); // true 반환
   console.log(array.includes('밝은 밤이면')); // false 반환
   
</script>

 

더 자세한 내용은 아래 MDN에서 확인하도록 하자

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/includes

String.prototype.includes() - JavaScript | MDN

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

Array.prototype.includes() - JavaScript | MDN