본문 바로가기
Javascript

[Javascript] String 객체

by 기리의 개발로그 2023. 11. 15.

String 객체

생성


String() 생성자 함수를 통해 생성할 수 있다.

var a = new String('Yang');
var b = 'Yang';

console.log(a);   // 'Yang'
console.log(b);   // 'Yang'

console.log(typeof(a));   // object
console.log(typeof(b));   // string

속성


length

문자열 내의 문자 갯수를 반환한다.

var str = 'Yang';

console.log(str.length);   // 4

함수


문자열은 변경 불가능한 원시 타입이므로 새로운 문자열을 만들어 반환한다.

charAt(x)

x로 전달한 index에 해당하는 위치의 문자를 반환한다. 문자열 범위를 벗어난 x 값일 경우 빈 문자열을 반환한다.

var str = 'Yang';

console.log(str.charAt(0));   // 'Y'
console.log(str.charAt(1));   // 'a'
console.log(str.charAt(2));   // 'n'
console.log(str.charAt(3));   // 'g'
console.log(str.charAt(4));   // ''

for (var i = 0; i < str.lenght; i++) {
    console.log(str[i]);   // 'Y', 'a', 'n', 'g'
}

concat(x)

문자열 x와 연결하여 새로운 문자열을 반환한다.

var str = 'Yang';

console.log(str.concat('Sang'));   // 'YangSang'
console.log(str);   // 'Yang'

indexOf(x)

문자 또는 문자열 x를 대상 문자열에서 검색하여 처음 위치한 index를 반환한다. 없을 경우 -1을 반환한다.

var str = 'Yang Sang Gil';

console.log(str.indexOf('a'));   // 1
console.log(str.indexOf('G'));   // 10
console.log(str.indexOf('tt'));   // -1

lastIndexOf(x[, y])

문자 또는 문자열 x를 대상 문자열에서 검색하여 마지막에 위치한 index를 반환한다. 없을 경우 -1을 반환한다.
y가 전달되면 검색 시작위치를 y로 하여 역방향으로 검색한다.

var str = 'Yang Sang Gil';

console.log(str.lastIndexOf('a'));   // 6
console.log(str.lastIndexOf('a', 4));   // 1
console.log(str.lastIndexOf('tt'));   // -1

replace(x, y)

문자열 x를 대상 문자열에서 찾아 y로 대체한다. 검색된 문자열이 여러 개일 경우 처음 검색된 문자열만 대체된다.

var str = 'Yang Sang Gil';

console.log(str.replace('Gil', 'Kil'));   // 'Yang Sang Kil'

split(x[, y])

문자열 x를 대상 문자열에서 검색하여 문자열을 구분한 후 분리된 문자열을 배열로 반환한다.

var str = 'Yang Sang Gil';

console.log(str.split());   // ['Yang Sang Gil']
console.log(str.split(' '));   // ['Yang', 'Sang', 'Gil']
console.log(str.split(''));   // ['Y', 'a', 'n', 'g', ' ', 'S', 'a', 'n', 'g', ' ', 'G', 'i', 'l']

// 'a'를 구분자로 하여 반환
console.log(str.split('a'));   // ['Y', 'ng S', 'ng Gil']

substring(x[, y])

x index부터 y-1 index에 해당하는 문자를 모두 반환한다. 음수 값일 경우 전체 문자열을 반환한다.

var str = 'Yang Sang Gil';

console.log(str.substring(1, 3));   // 'an'
console.log(str.substring(1));   // 'ang Sang Gil'
console.log(str.substring(-2));   // 'Yang Sang Gil'

slice(x[, y])

substring과 동일하지만 음수 값을 입력받을 수 있다.

var str = 'Yang Sang Gil';

console.log(str.slice(1, 3));   // 'an'
console.log(str.slice(1));   // 'ang Sang Gil'

// 뒤에서 2자리 반환
console.log(str.slice(-2));   // 'il'

toLowerCase()

대상 문자열의 모든 문자를 소문자로 변환한다.

var str = 'Yang Sang Gil';

console.log(str.toLowerCase());   // 'yang sang gil'

toUpperCase()

대상 문자열의 모든 문자를 대문자로 변환한다.

var str = 'Yang Sang Gil';

console.log(str.toUpperCase());   // 'YANG SANG GIL'

trim() / trimaStart() / trimEnd()

대상 문자열의 공백 문자를 제거하여 반환한다.

var str = '   Yang  ';

// 양쪽의 공백 제거
console.log(str.trim());   // 'Yang'

// 왼쪽 공백 제거
console.log(str.trimStart());   // 'Yang  '

// 오른쪽 공백 제거
console.log(str.trimEnd());   // '   Yang'

repeat(x)

x 만큼 반복하여 연결한 문자열을 반환한다. 0이면 빈 문자열을 반환한다.

var str = 'Yang';

console.log(str.repeat(0));   // ''
console.log(str.repeat(1));   // 'Yang'
console.log(str.repeat(2));   // 'YangYang'

includes(x)

문자열 x가 대상 문자열에 있는지 확인하여 Boolean으로 반환한다.

var str = 'Yang Sang Gil';

console.log(str.includes('Yang'));   // true
console.log(str.includes(''));   // true
console.log(str.includes('an'));   // true
console.log(str.includes('t'));   // false
console.log(str.includes());   // false
반응형

'Javascript' 카테고리의 다른 글

[Javascript] 빌트인(built-in) 객체  (3) 2023.11.17
[Javascript] 문서객체모델(DOM)  (0) 2023.11.16
[Javascript] Number 객체  (1) 2023.11.14
[Javascript] Math 객체  (0) 2023.11.13
[Javascript] Date 객체  (0) 2023.11.10

댓글