솔미는 성장중

[JS] 표준 내장 객체 : 문자 본문

JavaScript/표준 내장 객체

[JS] 표준 내장 객체 : 문자

solming 2023. 7. 20. 12:21
728x90

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/length

 

String: length - JavaScript | MDN

The length data property of a String value contains the length of the string in UTF-16 code units.

developer.mozilla.org

str.length

대상 문자의 길이를 숫자로 반환

 

str.includes('문자')

대상 문자에 주어진 문자가 포험되어있는지 확인. boolean값으로 반환

str.includes('문자',숫자)

숫자 번 째부터 판단

 

str.indexOf('문자')

- 대상 문자에서 주어진 문자와 일치하는 첫 번째 숫자(인덱스) 반환

- 일치하는게 없으면 -1 반환

- 대소문자 구분

const result = 'Hello world!'.indexOf('wor')
console.log(result) //6

 

.padEnd()

대상 문자의 길이가 지정된 길이보다 짧으면, 주어진 문자를 지정된 길이까지 끝에 붙여 새로운 문자를 반환

길면 본래 값을 반환

본래 값은 훼손되지 않음

1234567000 / 1234567

.padStart()

대상 문자의 길이가 지정된 길이보다 짧으면, 주어진 문자를 지정된 길이까지 앞에 붙여 새로운 문자를 반환

 

 

.replace()

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

위) 제일 먼저 찾은 부분에서 한번만 실행

아래: 정규표현식) g는 global의 약자. /  /안에 있는 것을 전체에서 찾아서 다 바꾸라는 의미.

 

.slice()

대상 문자의 일부를 추출해 새로운 문자를 반환 (원본 훼손 x)

두 번째 인수 직전까지 추출하고, 두 번째 인수를 생략하면 대상 문자의 끝까지 추출

음수는 뒤에서 부터 번호를 매길때 사용

Hello / world / world! / Hello world!

.split()

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

빈 문자를 넣으면 글자 하나하나를 추출해서 배열로 반환

'Apple', 'Banana', 'Cherry'를 가진 배열 데이터
yrrehC ,ananaB ,elppA

 

.toLowerCase()

대상 문자를 소문자로 변환해 새로운 문자로 반환

apple, banana, cherry

.toUpperCase()

대상 문자를 대문자로 변환해 새로운 문자로 반환

APPLE, BANANA, CHERRY

.trim()

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

문자 사이에 있는 공백은 제거하지 않는다. 

ex) console.log(str.trim())

 

.match

문자열에서 일치되는 결과를 검색

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match

const str = 'abcd1234@gmail.com'
//정규 표현식
console.log(str.match(/.+(?@=)/)[0]) //abcd1234   골뱅이 기호 앞에 있는 내용을 전부 추출해줘

 

 

.repeat

문자열 반복

const row = '*'.repeat(5);
for(let i =0; i < 2; i++){
    console.log(row)
}
// 콘솔창
// *****
// *****
728x90