반응형
# 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
천단위 출력
- 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"
반응형
'javascript+es6' 카테고리의 다른 글
[ javascript ] 09. Date객체, Math객체 (0) | 2023.09.19 |
---|---|
[ javascript ] 08. Array객체 (0) | 2023.09.17 |
[ javascript ] 06. 원시타입, 참조타입, 객체 (0) | 2023.09.16 |
[ javascript ] 05. 템플릿 리터널 , 함수, 내장함수 (0) | 2023.09.14 |
[ javascript ] 04. 반복문 (0) | 2023.09.13 |