[JavaScript] String 메서드

Lily·2022년 3월 6일

JavaScript preWecode

preWecode

목록 보기

6/9

String의 메서드 3개와 사용 방법

String.slice(시작 인덱스, 종료 인덱스)

문자열의 일부를 추출하면서 새로운 문자열을 반환한다.

첫 번째 인자: 시작 인덱스
추출 시작점인 0부터 시작하는 인덱스. 만약 시작 인덱스가 본래 문자열보다 크거나 같은 경우, 빈 문자열을 반환한다.
두 번째 인자: 종료 인덱스
0부터 시작하는 추출 종료점 인덱스로 그 직전까지 추출된다. 인덱스 위치의 문자는 추출에 포함되지 않음. 만약, 생략하면 문자열 마지막까지 추출한다.
반환 값
문자열의 추출된 부분을 담는 새로운 문자열이 반환됩니다.

var str1 = 'The morning is upon us.', // the length of str1 is 23.
    str2 = str1.slice(1, 8),
    str3 = str1.slice(4, -2),
    str4 = str1.slice(12),
    str5 = str1.slice(30);
console.log(str2); // OUTPUT: he morn
console.log(str3); // OUTPUT: morning is upon u
console.log(str4); // OUTPUT: is upon us.
console.log(str5); // OUTPUT: ""

var str = 'The morning is upon us.';
str.slice(-3);     // returns 'us.'
str.slice(-3, -1); // returns 'us'
str.slice(0, -1);  // returns 'The morning is upon us'

String.includes('찾을 문자열', 찾기 시작할 인덱스)

하나의 문자열이 다른 문자열에 포함되어 있는지를 판별하고, 결과를 true 또는 false 로 반환한다.

첫 번째 인자: '찾을 문자열'
해당 문자열에서 찾고싶은 문자열을 적는다.
두 번째 인자: 찾기 시작할 인덱스
첫 번째 인자를 찾기 시작할 위치를 적는다. 만약, 비어있다면 기본값인 0부터 시작한다.
반환값
찾고자 하는 문자열이 있으면 true를 없으면 false를 반환한다.

var str = 'To be, or not to be, that is the question.';

console.log(str.includes('To be'));       // true
console.log(str.includes('question'));    // true
console.log(str.includes('nonexistent')); // false
console.log(str.includes('To be', 1));    // false
console.log(str.includes('TO BE'));       // false

String.padEnd(목표 길이, "부족한 길이만큼 채워 넣을 문자열")

현재 문자열에 다른 문자열을 채워, 주어진 길이를 만족하는 새로운 문자열을 반환한다. 채워넣기는 대상 문자열의 끝(우측)부터 적용된다.

첫 번째 인자 : 목표 길이
목표하는 문자열의 길이(숫자)를 적는다. 만약, 현재 문자열의 길이보다 작다면 채워넣지 않고 그대로 반환한다.
두 번째 인자 : "부족한 길이만큼 채워 넣을 문자열"
현재 문자열에 부족한 길이만큼 채워넣을 다른 문자열을 적는다. 만약, 문자열이 너무 길어서 목표 문자열 길이를 초과한다면 좌측 일부를 잘라서 넣는다.
기본값은 " ".

const str1 = 'Breaded Mushrooms';

console.log(str1.padEnd(25, '.'));
// expected output: "Breaded Mushrooms........"

const str2 = '200';

console.log(str2.padEnd(5));
// expected output: "200  "

'abc'.padEnd(10);          // "abc       "
'abc'.padEnd(10, "foo");   // "abcfoofoof"
'abc'.padEnd(6, "123456"); // "abc123"
'abc'.padEnd(1);           // "abc"