javascript+es6

[ javascript ] 07. String 객체

변쌤(이젠강남) 2023. 9. 17. 22:12
반응형

# String 

 

속성

속성 설명 mdn
length 개수 바로가기

 

메드

메소드 설명 mdn
charAt(position) position에 위치하는 문자를 리턴 바로가기
charCodeAt(position) position에 위치하는 문자의 유니코드 번호를 리턴 바로가기
concat(args) 매개변수로 입력한 문자열을 이어 리턴 바로가기
indexOf(searchString, posiiton) 앞에서부터 일치하는 문자열의 위치를 리턴 바로가기
lastIndexOf(searchString, position) 뒤에서부터 일치하는 문자열의 위치를 리턴 바로가기
match(regExp) 문자열 안에 regExp가 있는지 확인 바로가기
replace(regExp,replacement) regExp를 replacement로 바꾼후 리턴 바로가기
search(regExp) regExp와 일치하는 문자열의 위치를 리턴 바로가기
slice(start,end) 특정 위치의 문자열을 추출해 리턴 바로가기
split(separator, limit) separator로 문자열을 잘라 배열을 리턴 바로가기
substr(start, count) start부터 count만큼 문자열을 잘라서 리턴 바로가기
substring(start, end) start부터 end까지 문자열을 잘라서 리턴 바로가기
includes(seartchString, postion) 문자열이 다른문자열에 포함되어 있는지 판별 바로가기
toLowerCase() 문자열을 소문자로 바꾸어 리턴 바로가기
toUpperCase() 문자열을 대문자로 바꾸어 리턴 바로가기
trim() 문자열 양쪽 끝의 공백 제거 바로가기
trimEnd() 문자열 끝부분의 공백을 제거 바로가기
trimStart() 문자열 앞부분의 공백을 제거 바로가기
toString() 문자열 표현을 반환 바로가기
padStart() 문자열의 시작을 다른 문자열로 채우기 바로가기
padEnd() 문자열의 끝을 다른문자열로 채우기 바로가기

 

String.length 

문자열 내의 문자개수를 반환

let str = '안녕하세요';
console.log( str.length ); // 5

- charAt( index ) 

index에 해당하는 문자를 반환

index는 0 ~ (  문자열길이 -1 ) 

문자열
index 0 1 2 3 4
let str = '안녕하세요';
console.log( str.charAt(0) );
console.log( str.charAt(1) );
console.log( str.charAt(2) );
console.log( str.charAt(3) );
console.log( str.charAt(4) );

결과
안
녕
하
세
요

 

- indexOf()

문자열을 검색하여 처음 찾은 index 반환 

값을 찾지 못했을경우 -1을 반환

let str = '안녕하세요';
console.log( str.indexOf('안') );
console.log( str.indexOf('하') );

결과
0
2

 

- lastIndexOf()

문자열을 역으로 검색

let str = '안녕하세요';
console.log( str.lastIndexOf('세') );

결과
3

 

- replace()

replace( '검색문자', '대체문자')

let str = '길동 안녕';
console.log( str.replace('길동','호동') ); //호동 안녕

 

- split()

첫번째 인수로 전달된 문자열로 분리하여 배열로 반환  : (유사배열객체 )

인수가 없을 경우 전체의 문자열을 배열로 반환 

let str = '안-녕-하-세-요';
console.log( str.split('-') );

결과
['언','녕','하','세','요']

 

- substring()

let str = '안녕하세요';
console.log( str.substring(0, 2) );

결과
안녕

 

- slice()

substring과 동일 

음수의 인수를 전달할 수 있음

-5 -4 -3 -2 -1
문자열
index 0 1 2 3 4
let str = '안녕하세요';
console.log( str.slice(0, 2) );
console.log( str.slice(-3, -1) );

결과
안녕
하세

 

- toLowerCase()  : 모든 문자를 소문자로 변경

- toUpperCase() : 모든 문자를 대문자로 변경 

 

- trim() : 공백제거

let str = '   hi   ';
console.log( str.trim( str ) );

결과
hi

 

- includes()

하나의 문자열이 다른 문자열에 포함되어 있는지를 판별 : true/false

let str = '안녕 길동';
console.log( str.includes('길동') );

결과
true

 

 

천단위 출력 

  1. toLocaleString() 메서드 사용
let number = 1000000;
let formattedNumber = number.toLocaleString(); // "1,000,000"

 

 

 

정규표현식 

function formatNumberWithCommas(number) {
    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

let number = 1000000;
let formattedNumber = formatNumberWithCommas(number); // "1,000,000"

 

 

 

반응형