[Javascript] 표준 내장 객체 - String 객체

seoyeon·2023년 1월 27일
2

Javascript 공부하기

목록 보기
8/20
post-thumbnail
post-custom-banner

1. 표준 내장 객체?

JavaScript에서 기본적으로 제공하는 여러 객체들을 의미

표준 내장 객체 종류

Object, String, Number, Function, Array, RegExp, Date, Math

2. String 객체

2-1. length()

문자의 길이(숫자)를 반환합니다.
인덱스는 0부터 시작하며 띄어쓰기도 포함합니다.

const str = 'Hello world!'
             01234567891011

console.log(str.length) // 12

2-2. includes()

대상 문자에 주어진 문자가 포함되어 있는지 확인합니다.
불린 값으로 반환!

const str = 'Hello world!'

console.log(str.includes('Hello')) // true
console.log(str.includes('hello')) // false
console.log(str.includes('Hello', 1)) // false, 1번째부터 있는지 확인

2-3. indexOf()

대상 문자에서 주어진 문자와 일치하는 첫 번째 인덱스(숫자)를 반환합니다.
일치하는 문자가 없으면 -1을 반환합니다.

const str = 'Hello world!'
		     01234567891011

console.log(str.indexOf('world')) // 6
console.log(str.indexOf('!')) // 11
console.log(str.indexOf('hello')) // -1

2-4. padEnd()

대상 문자의 길이(length)가 지정된 길이보다 작으면,
주어진 문자를 지정된 길이의 끝에 붙여 새로운 문자를 반환합니다.

const str = '1234567'

console.log(str.padEnd(10, 0)) // 1234567000

대상 문자의 길이가 지정된 길이보다 크면, 대상 문자는 변화가 없습니다!

const str = '1234567890123'

console.log(str.padEnd(10, 0)) // 1234567890123, 변화 없음!

2-5. padStart()

대상 문자의 길이(length)가 지정된 길이보다 작으면,
주어진 문자를 지정된 길이까지 앞에 붙여 새로운 문자를 반환합니다.

const str = '1234567'

console.log(str.padEnd(10, 0)) // 0001234567

2-6. replace()

대상 문자에서 패턴(문자, 정규식)과 일치하는 부분을 교체한 새로운 문자를 반환합니다.

const str = 'Hello, Hello?!'

console.log(str.replace('Hello','Hi')) // Hi, Hello?!
console.log(str.replace(/Hello/g,'Hi')) // Hi, Hi?!

2-7. slice()

대상 문자의 일부를 추출해 새로운 문자를 반환합니다.
두 번째 인수 직전까지 추출하고, 두 번째 인수를 생략하면 대상 문자의 끝까지 추출합니다.

const str = 'Hello world!'
 			 01234567891011

console.log(str.slice(0, 5)) // Hello
console.log(str.slice(6,-1)) // world, 음수는 뒤에서 부터!
console.log(str.slice(6)) // world!

2-8. split()

대상 문자를 주어진 구분자로 나눠 배열로 반환합니다.

const fruits = 'Apple, Banana, Cherry'

// 띄어쓰기 포함
console.log(fruits.split(', ')) // ['Apple', 'Banana', 'Cherry']

// 띄어쓰기 미포함
console.log(fruits.split(',')) // ['Apple', ' Banana', ' Cherry']
const fruits = 'Apple / Banana / Cherry'

console.log(fruits.split(' / ')) // ['Apple', 'Banana', 'Cherry']

2-9. trim()

대상 문자의 앞뒤 공백 문자(space, tab 등)을 제거한 새로운 문자를 반환합니다.

const str = '  Hello!  '

console.log(str.trim()) // Hello!
post-custom-banner

0개의 댓글