CH06. 표준 내장 객체

zw0n2·2024년 2월 16일
0

JavaScript 스터디

목록 보기
7/12
post-thumbnail

🍄문자

  1. .length
    : 문자의 길이를 숫자로 반환
const str = 'hello'
console.log(str.length)

실행결과 : 5

  1. .includes()
    : 대상 문자에 주어진 문자가 포함되어 있는지 불린값으로 확인
const str = 'hello'
console.log(str.includes('hello'))
console.log(str.includes('hello', 1)) //인덱스 번호 1번부터 확인

실행결과 :
true
false -> 0번부터 있기 때문

  1. .indexOf()
    : 대상 문자에서 주어진 문자와 일치하는 첫 번째 인덱스를 숫자로 반환
    일치하는 문자가 없으면 -1 반환
const str = 'hello world'
console.log(str.indexOf('world'))
console.log(str.indexOf('ksw'))

실행결과 :
6
-1

  1. .padEnd()
    : 대상 문자의 길이가 지정된 길이보다 작으면, 주어진 문자를 지정된 길이까지 끝에 붙여 새로운 문자를 반환
const str = '1234567'
console.log(str.padEnd(10, '0'))  //10번 인덱스까지 0으로 채움
console.log(str)   //원본은 손상되지 않음

실행결과 :
1234567000
1234567

  1. .padStart()
    : 대상 문자의 길이가 지정된 길이보다 작으면, 주어진 문자를 지정된 길이까지 앞에 붙여 새로운 문자를 반환
const str = '1234567'
console.log(str.padStart(10, '0'))
console.log(str)

실행결과 :
0001234567
1234567

  1. .replace
    : 대상 문자에서 패턴(문자, 정규식)과 일치하는 부분을 교체한 새로운 문자를 반환
const str = 'hello, hello?'
console.log(str.replace('hello', 'hi'))
console.log(str.replace(/hello/g, 'hi'))      //정규표현식
console.log(str)

실행결과 :
hi, hello? -> 처음에 나오는 문자만 바뀜
hi, hi? -> 해당 문자 모두 바뀜
hello, hello?

  1. .slice()
    : 대상문자의 일부를 추출해 새로운 문자를 반환
    두번째 인수 직전까지 추출하고, 두번째 인수를 생략하면 대상 문자의 끝까지 추출
const str = 'hello world!'
console.log(str.slice(0, 5))
console.log(str.slice(6,-1))

실행결과 :
hello
world

  1. .split()
    : 대상 문자를 주어진 구분자로 나눠 배열로 반환
const str = 'ksw, jcm, kyh'
console.log(str.split(', '))     //쉼표+띄어쓰기를 기준으로 나눔

실행결과 :
(3) ['ksw', 'jcm', 'kyh']

  1. .toLowerCase()
    : 대상 문자를 영어 소문자로 변환해 새로운 문자로 변환
const str = 'Ksw, Jcm, Kyh'
console.log(str.toLowerCase())

실행결과 :
ksw, jcm, kyh

  1. .toUpperCase()
    : 대상 문자를 영어 대문자로 변환해 새로운 문자로 변환
const str = 'Ksw, Jcm, Kyh'
console.log(str.toUpperCase())

실행결과 :
KSW, JCM, KYH

  1. .trim()
    : 대상 문자의 앞뒤 공백문자(space, tab 등)을 제거한 새로운 문자를 반환
const str = '  Ksw  '  //문자 사이 공백은 제거 안됨
console.log(str.trim())

실행결과 :
Ksw

🍄숫자

profile
렛츠고 스터디 렛츠고 스터디 예 렛츠고 오오오 스터디 렛츠고 스터디 예

0개의 댓글

관련 채용 정보