[javascript] substring(),indexOf() 문자열 추출과 문자열 찾기

오늘은 문자열 추출을 위해서

자주 쓰는 substring() 함수와 indexOf() 함수를 알아보겠습니다.

제가 실무에서 자바스크립트를 이용해서 웹 개발할 때 자주 사용하는 함수인데요.

진짜 진짜 유용하게 쓰입니다.

일단 예제를 통해서 어떻게 사용하는지 알아볼게요

 

1. substring() 함수로 문자열 추출하기

 

    var stringText = 'abcdefg';
    var subText = stringText.substring(0,3);

    console.log(subText); // 'adcd' 가 출력 되는 것을 알 수 있습니다.

 

여기서 stringText 변수에 'abcdefg' 문자열을 선언했습니다.

그리고 subText 변수에 substring() 함수를 사용하여 문자열 0번째부터 3번째까지 추출해낼 수 있습니다.

 

0번과 3번 즉, substring()안에 들어가는 숫자는 인덱스 번호라고 생각하시면 될 것 같습니다.

substring() 함수 활용 방법으로는 단독적으로 쓰기보다는 indexOf() 함수를 같이 사용하여

문자열을 추출해서 다른 문자열에 추출한 문자열이 들어있는지 확인할 수 있습니다.

 

2. indexOf() 함수로 문자열 찾기

 

    var allText = 'abcdefg';
    var subText = 'abc';
    var index = allText.indexOf(subText);
    var bugIndex = allText.indexOf('abcdefgh');

    console.log(index); // 0 이 출력되는 것을 알 수 있습니다.
    console.log(bugIndex); // -1 이 출력됩니다.

 

allText 변수에서 indexOf() 함수를 사용하여 subText의 문자열을 찾았는데

index번호가 0번에 있는 것을 알 수 있습니다.

 

하지만 bugIndex를 보시면 allText 변수에 있지 않은 문자열이기 때문에 -1을 반환했습니다.

여기서 if문을 사용하여 index 번호가 -1일 땐 문자열을 찾아낼 수 없는 것이고,

-1이 아닐 땐 문자열을 찾을 수 있는 것 입니다.

 

이렇게 활용하시면 유용하게 사용하실 수 있습니다.