자바스크립트 - 문자열 메소드(String methods)

String

 

', ", `

작은따옴표 큰따옴표는 큰 차이가 없기 때문에 상황에 맞게 사용합니다. 예를들면 html코드 같은경우

큰따옴표로 된 내용들이 있으므로 작은 따옴표로 감싸는것이 편합니다

let html = `<div class="box_title> 제목 영역</div>'; 

 

반면, 영어로 된 문장은 큰따옴표로 감싸는 것이 편합니다

let desc = "It's 3 o'clock." ; 

 

백틱(`)의 유용한 기능은 여러줄을 쓸 수 있습니다. 

let desc = ` 오늘은 맑고 화창한
날씨가 계속 되겠습니다.
내일은 비 소식이 있습니다.`;

 

 

 

 

 

 

length

 

배열을 배울때 length로 배열의 길이를 구하듯이 문자열도 length를 통해 길이를 구할 수 있습니다.  보통 회원 가입을 할 때몇 자 이상 몇 자 이하로 할때 체크합니다. 

 

let desc= ' 안녕하세요.';
desc.length; // 6

 

그리고 하나 더 배열과 동일하게 특정 위치에 접근 할 수 있습니다.  배열과 동일하게 0부터 시작합니다. 하지만 한글자만 바꿀 수는 없습니다. 

let desc = '안녕하세요.';
desc[2]; // 하

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

desc[4]='용';
console.log(desc); // 결과 : 안녕하세요.

 

indexOf()

 

indexOf()는 문자를 인수로 받아 몇번째에 위치하는지 알려줍니다. (0부터시작) 

해당 문자가 없으면 -1을 반환합니다. 

let desc= "Hi guys. Nice to meet you.";

desc.indexOf('to'); // 14

그리고 includes()라는 함수가 있습니다. str.includes()는 문자가 있으면 true 없으면 false를 반환합니다. 그래서 문자열에 특정 문자가 있음을 검사할려면 indexOf()보다는 includes()를 사용하는 것이 편합니다.

 

 

slice()

slice는 특정 범위의 문자를 반환해줍니다 예를들면 str.slice(n,m)이면 n부터 m까지의 문자를 반환해줍니다.

n은 시작점이고 m은 없으면 문자열 끝까지, 양수면 그 숫자까지(포함하지않음), 음수면 끝에서부터 세어줍니다. 

 

let desc = "abcdefg";

desc.slice(2); //"cedfg"
desc.slice(0,5); // "abcde"
desc.slice(2,-2); // "cde" m이 -2 이므로 2부터 끝에서 2번째위치까지 반환

 

substring()

substring도 slice와 마찬가지로 문자를 반환해줍니다. 그러나 n과 m을 바꿔도 동작합니다. 즉(n,m)은 (n,m) = (m,n)입니다.  그리고 음수는 0으로인식합니다. 

let desc = "abcdefg";

desc.substring(2,5); // "cde"
desc.substring(5,2); // "cde"

 

substr()

substr(n,m)은 n부터시작하는데 m은 범위가 아니라 갯수입니다. 즉 n부터 시작하고 m개를 가져옵니다. 

 

let desc = "abcdefg";

desc.substr(2,4) // "cdef"
desc.substr(-4,2) // "de"

 

trim()

trim()은 문자열 앞뒤 공백을 제거해줍니다. 보통 사용자로부터 뭔가를 입력받을때 사용합니다. 

let dsec = " coding       ";
desc.trim(); // "coding"

 

repeat()

str.repeat(n)은 문자열을 n번 반복합니다.

 

문자열 비교 

 

1<3 // true

"a" < "c" //true 

 

문자도 숫자처럼 비교를 할 수 있습니다. 아스키코드를 참고하면 문자에대한 번호를 얻을 수 있습니다. 각 문자에 대한 아스키 코드 번호를 다 외울필요는 없습니다. 그냥 'A'가 'Z'보다 작다. 그리고 대문자 보다 소문자가 크다. 정도만 알고 있으면 됩니다.