javascript 문자열 제어 내장 매서드

javascript 문자열

학습 목표

• length 속성을 활용해 문자열의 길이를 확인할 수 있다.
• 두 개 이상의 문자열을 하나의 문자열로 만들 수 있다.
• slice() 메서드를 활용해 문자열을 원하는 만큼 ‘복사’할 수 있다.
• 영문으로 된 문자열을 대문자 또는 소문자로 바꿀 수 있다.
• 문자열 중 원하는 문자의 index를 찾고 접근할 수 있다 str.indexOf('a') 또는 str.lastIndexOf('a'),str[1]
• includes() 메서드를 활용해 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다. str.includes('a')
• split() , join() 메서드를 활용해 문자열을 배열로 바꾸거나, 배열을 문자열로 바꿀 수 있다.
• 템플릿 리터럴(Template literals) 문법을 사용할 수 있다.

 

 

length

문자열의 길이를 리턴합니다.

문법
str.length


예제

let str = 'code states';

console.log(str.length) // number 타입으로 변환
>> 11

 

 

indexOf()

문자열 내에 지정된 요소가 위치하고 있는 첫 번째 인덱스를 리턴합니다.

배열 원소의 인덱스는 0부터 시작합니다.

지정된 요소가 문자열 내에 존재하지 않을 경우 -1을 리턴합니다.

문법
str.indexOf('')


예제1

let str = 'code states'

str.indexOf('s')
>>5

str.indexOf('i')
>>-1


예제2

array.indexOf('a')


[ 'a', 'b', 'c', 'd' ].indexOf( 'a' )
>> 0

[ 'a', 'b', 'c', 'd' ].indexOf( 'b' )
>> 1

[ 'a', 'b', 'c', 'd' ].indexOf( 'z' )
>> -1

 

 

split()

문자열을 지정한 구분자를 이용하여 여러 개의 문자열로 나눈 후 배열의 형태로 리턴합니다.

문법
str.split('')


예제

let str = '사과, 바나나, 오렌지, 배, 감, 딸기';
let word = str.split(', ');

console.log(word);
>> (6)['사과', '바나나', '오렌지', '배', '감', '딸기']

 

slice()

문자열을 자르는 것

예제

output = takeLetters.slice(5, 'codestates');
console.log(output);
>>'codes'

 

 

 

 

 

toUpperCase()

소문자를 대문자로 변환합니다.

문법
str.toUpperCase()

예제

let alphabet = 'abcdefghijklmnopqrstuvwxyz';

alphabet.toUpperCase()
>> ABCDEFGHIJKLMNOPQRSTUVWXYZ

 

 

toLowerCase()

대문자를 소문자로 리턴합니다.

문법
str.toLowerCase()


예제

let alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';

alphabet.toLowerCase()
>> abcdefghijklmnopqrstuvwxyz

 

 

inCludes()

문자열 포함 여부를 알려주는것이기 때문에 boolean값을 return합니다.

문법
string.includes( searchString, length:검색할 위치 )


예제

'abzcd'.includes( 'z', 2 )
>> true

'abzcd'.includes( 'z', 3 )
>> false

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

let str = 'it is mine-it-record tistory blog';

str.includes('it');
>> true

 

---

 

split()

문자열을 분할하는 메서드입니다.

separator : 분할의 기준limit : 최대 분할 개수 , 선택사항. 없으면 전체를 다 분할

문법
string.split( separator, limit )


예제
let str = 'abc,def,ghi'

//,를 기준으로 잘라서 2개를 리턴
str.split(',', 2);
>> (2) ['abc', 'def']

 

join()

배열의 원소들을 연결하여 하나의 값으로 만듭니다.

문법
array.join();


예제

let jbAry = [ 'Lorem', 'Ipsum', 'Dolor' ];
let jbStr1 = jbAry.join();
>> Lorem,Ipsum,Dolor

let jbStr2 = jbAry.join( '/' );
>> Lorem/Ipsum/Dolor

 

 

 

---

 

 

 

템플릿 리터럴(Template literals) 문법

문자열 생성시 따옴표 대신, 백틱``을 사용한다.

예제

let name = songmin

console.log(`안녕하세요 ${name}님`)
   
>> 안녕하세요 songmin님

 

줄바꿈( Multi-line strings ) 

백틱``으로 템플릿 리터럴을 사용하면, 줄바꿈 등을 쉽게 표현할 수 있다.

기존 따옴표 방식에서는 줄바꿈이 허용되지 않아,

\n은 개행(Line Feed), \t는 탭(수평)을 의미하는 이스케이프 시퀀스를 사용했다.

참고 예제
console.log("Hi! \n\t It's me! \n\t\t\t JavaScript! \n So Cool!");\
>> HI
  It's me!
    JavaScript!
So Cool!