Chapter 4. JS 문자열 Part 1.

NavDevJae·2021년 2월 19일
0

JS에 다가가기~~

목록 보기
4/6
post-thumbnail

문자열 (string) 메소드의 종류

* length // 문자열의 크기

let name = "jason";
console.log(name.length); // 5 => 문자열이 5글자이기 때문에. 

* search // 특정 문자열이 존재하는 위치값

let str = "Life is not much wonderful";
console.log(str.search("is")); // 5 => L(0),i(1),f(2),e(3),''(4),i(5)
                               // L(0) = 'L'이라는 알파벳이 0번째 index에 자리하고 있다는 것이다.                     
                               // index는 항상 0부터 카운트한다. 
                               // is가 시작되는 'i'가 5번째 index에 자리하고 있으므로 5라는 값 추출. 

* slice // 문장에서 원하는 부분을 잘라낼 수 있다.

let str = "I want to be a super hero."; // index 번호 25까지 있다. 
console.log(str.slice(10)); // "be a super hero." => 10번째 index이후의 문자열을 추출. 
console.log(str.slice(2,10)); // "want to " => 2번째 index에서 10번째 이전의 index까지의 문자열 추출. 
console.log(str.slice(-5)); // "hero." => '-' index일 경우에는 마지막 문자열의 index 번호는 -1이다.  

* replace // 문장에서 원하는 부분의 문자열 변경할 수 있다.

let str = "My name is Robinson.";
console.log(str.replace("Robinson", "Robin")); // "My name is Robin."

* toUpperCase // 문자열을 대문자로 변경할 수 있다.

let str = "I wanna drink starbucks coffee.";
console.log(str.toUppserCase()); // "I WANNA DRINK STARBUCKS COFFEE."

* toLowerCase // 문자열을 소문자로 변경할 수 있다.

let str = "I WANNA DRINK STARBUCKS COFFEE.";
console.log(str.toLowerCase()); // "i wanna drink starbucks coffee."

* charAt // 인덱스에 해당하는 문자를 돌려준다.

let str = "I like to find character.";
console.log(str.charAt(4)); // "k" 

* charCodeAt // 인덱스에 해당하는 문자의 유니코드 값을 돌려준다.

let str = "I like to find character.";
console.log(str.charCodeAt(4)); // 107 (U+004B)

* indexOf // 특정 문자의 인덱스 번호. (왼쪽 => 오른쪽)

let str = "I have a dream.";
console.log(str.indexOf("h"); // 2 
console.log(str.indexOf("k")); // -1 => "k"값이 존재하지 않기 때문에.  

* lastIndexOf // 특정 문자의 인덱스 번호. (오른쪽 => 왼쪽)

let str = "I dream that dream.";
console.log(str.lastIndexOf("dream")); // 13 => 오른쪽에서부터 "dream"을 찾기 시작. 그래서 뒤에 있는 dream의 index 번호 추출. 
console.log(str.kastIndexOf("k")); // -1 => "k"값이 존재하지 않기 때문에.  

* substring // slice와 비슷한 용도. substring(시작 인덱스, 종료 인덱스)

let str = "I want to cut this area.";
console.log(str.substring(2)); // "want to cut this area." 
console.log(str.substring(2,6)); // "want" => 2번째 index이상, 6번째 index 미만.

* substr // slice와 비슷한 용도. substr(시작 인덱스, 자를 문자열의 개수)

let str = "I want to cut this area.";
console.log(str.substr(2)); // "want to cut this area."
console.log(str.substr(2,5)); // "want " 

* split // 특정 기준으로 문자열을 쪼개어 배열에 집어넣는다.

let str = "I like you.";
console.log(str.split()); // ["I like you."]
console.log(str.split(''); // ["I", " ", "l", "i", "k", "e", " ", "y", "o", "u", "."]
console.log(str.split(' '); // ["I", "like", "you."]

* trim // 문자열내의 공백을 제거해준다.

let str = " I need you. ";
console.log(str.trim()); // "I need you."
profile
전직 항해사 출신 미래 개발자

0개의 댓글