728x90
반응형
문자열 관련 메소드(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'728x90
반응형
