JAVASCRIPT - 문자열 관련 메소드(String Method)

문자열 관련 메소드(String Method)

javascript에서 문자열을 사용할 때 자주 사용하는 methods

• charAt : index에 해당하는 위치의 문자를 반환

const str = 'Hello World'

console.log(str.charAt(0))	// H
console.log(str.charAt(5))	// ' '
console.log(str.charAt(10))	// d
console.log(str.charAt(11))	// ''

• indexOf : 인자로 전달된 문자 or 문자열이 처음 나타나는 위치의 index를 반환

const str = 'Hello World'

console.log(str.indexOf('H'))		// 0
console.log(str.indexOf('l'))		// 2
console.log(str.indexOf('World'))	// 6
console.log(str.indexOf('ABC'))		// -1

• replace : 특정문자(열)를 문자열 내에서 찾아서 다른 문자(열)로 치환

const str = 'Hello World'

console.log(str.replace('H', 'h'))				// hello World
console.log(str.replace('o', 'o!'))				// Hello! World
console.log(str.replace('Hello', 'Welcome'))	// Welcome World
console.log(str.replace(/[a-z]/g, ''))			// H W

console.log(str.replace('Hello', '[$&]'))							// [Hello] World
console.log(str.replace('d', match => match + '!'))					// Hello World!
console.log(str.replace(/[a-z]/g, match => match.toUpperCase()))	// HELLO WORLD

• split : 특정문자(열)을 기준으로 분리된 문자열의 배열을 반환(기존 문자열 변경 X)

const str = 'Hello World'

console.log(str.split(' '))		// ['Hello', 'World']
console.log(str.split('o'))		// ['Hell', ' W', 'rld']
console.log(str.split(''))		// ['H','e','l','l','o',' ','W','o','r','l','d']
console.log(str.split())		// ['Hello World']
console.log(str.split(/\s/))	// ['Hello', 'World']

• substring : start index의 해당하는 문자부터 end index에 해당하는 문자 이전까지의 문자열을 반환

const str = 'Hello World'

console.log(str.substring(0, 5))	// 'Hello'
console.log(str.substring(5, 6))	// ' '
console.log(str.substring(6))		// 'World'
console.log(str.substring(20))		// ''
console.log(str.substring(-1))		// 'Hello World'

• slice : substring과 동일하지만 음수 인자도 전달 가능

const str = 'Hello World'

console.log(str.slice(0, 5))	// 'Hello'
console.log(str.slice(5, 6))	// ' '
console.log(str.slice(6))		// 'World'
console.log(str.slice(20))		// ''
console.log(str.slice(-1))		// 'd'

• toUpperCase : 모든 문자를 대문자로 변경
• toLowerCase : 모든 문자를 소문자로 변경

const str = 'Hello World'

console.log(str.toUpperCase())	// 'HELLO WORLD'
console.log(str.toLowerCase())	// 'hello world'

• trim : 문자열 양 끝에 있는 모든 공백문자를 제거한 문자열을 반환

const str = '    Hello World    '

console.log(str.trim())			// 'Hello World'
console.log(str.trimStart())	// 'Hello World    '
console.log(str.trimEnd())		// '    Hello World'

• repeat : 문자열을 특정 숫자만큼 반복한 새로운 문자열을 반환

const str = 'Hello World'

console.log(str.repeat(0))		// ''
console.log(str.repeat(2))		// 'Hello WorldHello World'
console.log(str.repeat(1.5))	// 'Hello World'
console.log(str.repeat(-1))		// Error

• includes : 특정 문자(열)이 포함되어있는지 확인해서 boolean을 반환

const str = 'Hello World'

console.log(str.includes(' '))			// true
console.log(str.includes('Hello'))		// true
console.log(str.includes('Hello', 0))	// true
console.log(str.includes('Hello', 1))	// false

• padStart : 첫번째 인자로 받은 길이보다 문자열이 짧다면 해당 문자열 좌측에 특정 문자열을 반복해서 채운 문자열을 반환
• padEnd : padStart와 동일하지만 문자열 우측에 특정 문자열을 채움

const str = 'Hello World'

console.log(str.padStart(15))			// '    Hello World'
console.log(str.padStart(15, 'pad'))	// 'padpHello World'
console.log(str.padStart(5, 'pad'))		// 'Hello World'

console.log(str.padEnd(15))				// 'Hello World    '
console.log(str.padEnd(15, 'pad'))		// 'Hello Worldpadp'
console.log(str.padEnd(5, 'pad'))		// 'Hello World'