javascript - indexOf() , search() , includes() (특정 원소 찾기)

📌indexOf()

string.indexOf(searchvalue, position)

indexOf 함수는, 문자열(string)에서 특정 문자열(searchvalue)을 찾고, 검색된 문자열이 '첫번째'로 나타나는 위치 index를 return 한다. 문자열을 찾으면 문자열의 첫 번째 위치를 반환하고 찾지 못하면 -1을 반환한다.

 

var str = 'HTML,CSS,JavaScript';
var pos1 = str.indexOf('JavaScript');
// 결과 : 9

var pos2 = str.indexOf('Kotlin');
// 결과 : -1

 

찾을 문자열이 여러 개인 경우 첫 번째 찾은 문자열의 위치를 반환한다.

찾을 문자 쉼표(',')가 2개이지만 첫 번째 찾은 쉼표의 위치를 반환했다.

var str = 'HTML,CSS,JavaScript';
var pos = str.indexOf(',');
// 결과 : 4

 

indexOf () 함수는 문자열을 찾을 시작 위치를 지정할 수 있다. 

var str = 'HTML,CSS,JavaScript';
var pos1 = str.indexOf(',', 5);
// 결과 : 8

대소문자 구분 없이 검색하기 위해서는 문자열을 대문자나 소문자로 변환 후 검색하면 된다.

예) str.toLowerCase().indexOf('javascript');

 

 

indexOf () 는 배열 안에 숫자도 찾을 수 있다. 

var a = [1,2,3,4,5,1,2,3]

a.indexOf(3)
//2

a.indexOf(6)
//-1

 

문자 배열도 가능하다. 

var a = ["html", "css", "javascript"];

a.indexOf("a");
//-1

배열이 몇번째 위치에 있는지 반환한다. 

📌search()

search 함수는 indexOf 함수와 동일하게 문자열을 찾을 수 있지만 문자열을 찾을 때 시작 위치는 지정할 수는 없다. 

또한 배열에서 숫자 찾기와 문자 찾기도 불가능하다!!

 

var str = 'HTML,CSS,JavaScript';
var pos1 = str.search('JavaScript');
// 결과 : 9

var pos2 = str.search('Kotlin');
// 결과 : -1

 

search 함수는 정규식을 사용하는 것이 가능하다. 

결과값으로 정규식으로 찾는 값의 첫번째 값의 숫자를 가져오고, 없다면 -1을 돌려준다.

 

var str = "hey JudE";
var re = /[A-Z]/g;      // 대문자 A-Z
var re2 = /[.]/g;        // .

var re3=/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣];

console.log(str.search(re)); // 결과는 4, 첫 대문자는 "J"
console.log(str.search(re2)); // 결과는 -1,  .을 찾을 수 없음

 

 

📌includes()

includes 함수는 배열 속 해당 원소가 있으면 true 없으면 false를 반환한다. 

var a = [1,2,3,4,5,1,2,3]

a.includes(3)
//true

a.includes(6)
//false