[javaScript] 문자열(String) 요약 정리

ZZEON·2024년 1월 2일
0

javascript

목록 보기
1/3

자바스크립트에서 문자열을 사용하려면 String 객체를 사용한다.

var 참조변수 = new String(문자열 데이터)
var 참조변수 = 문자열 데이터

이렇게 선언할 수 있다.

String 문자열

String Property

String.length : 문자열 내의 문자 갯수를 반환한다.

String Method

  • String 객체의 모든 메소드는 언제나 새로운 문자열을 반환한다.

String.prototype.charAt(index): string

인수로 전달한 index를 사용하여 index에 해당하는 위치의 문자를 반환한다.
index는 0부터 시작한다.

String.prototype.indexOf(searchstring, fromIndex) : number

인수로 전달한 문자 또는 문자열을 대상 문자열에서 검색하여 처음 발견된 곳의 index를 반환한다.
index값을 반환하기 때문에 숫자로 반환된다.
해당 메소드는 왼쪽(문자열 시작)부터 찾게 된다.

*2번째 인수(fromIndex)가 전달되면 검색 시작 위치를 fromIndex으로 이동하여 검색

String.prototype.lastIndexOf(searchstring, fromIndex) : number

인수로 전달한 문자 또는 문자열을 대상 문자열에서 검색하여 마지막으로 발견된 곳의 index를 반환한다.
index값을 반환하기 때문에 숫자로 반환된다.
해당 메소드는 indexOf와는 반대로 오른쪽(문자열 끝)부터 찾게 된다.

*2번째 인수(fromIndex)가 전달되면 검색 시작 위치를 fromIndex으로 이동하여 검색

String.prototype.replace(searchValue, replaceValue) : string

첫 번째 인수로 전달한 문자열 또는 정규표현식을 대상 문자열에서 검색하여 두 번째 인수로 전달한 문자열로 대체한다.
원본 문자열은 변경되지 않고 결과가 반영된 새로운 문자열을 반환한다.
검색된 문자열이 중복으로 존재할 경우 첫 번째로 검색된 문자열만 대체된다.

String.prototype.replaceAll(searchValue, replaceValue) : string

바로 위의 메소드인 replace는 가장 먼저 찾은 하나의 문자/문자열만 바꾸지만 replaceAll은 중복된 모든 문자/문자열을 대체한다.

특수한 정규식용 교체패턴
$` 문자 대체(replace)시 일치한 문자 이전 값 참조
$' 문자 대체(replace)시 일치한 문자 이후 값 참조
$+ 문자 대체(replace)시 마지막으로 캡처된 값 참조
$& 문자 대체(replace)시 일치한 문자 결과 전체 참조
$_ 문자 대체(replace)시 입력(input)된 문자 전체 참조
$1~9 문자 대체(replace)시 캡처(Capture)된 값 참조

String.prototype.split(separator, limit) : string[]

첫 번쨰 인수로 전달한 문자열 또는 정규표현식을 대상 문자열에서 검색하여 문자열을 구분한 후 분리된 각 문자열로 이루어진 배열을 반환한다.
원본 문자열은 변경되지 않는다. 새로운 문자열 생성
인수가 없는 경우, 대상 문자열 전체를 단일 요소로 하는 배열을 반환한다.

String.prototype.substring(start, end) : string

첫 번째 인수로 전달한 start 인덱스에 해당하는 문자부터 두 번째 인자에 전달된 end 인덱스에 해당하는 문자의 바로 이전 문자까지를 모두 반환한다.

String.prototype.slice(start, end) : string

String.prototype.substring과 동일하다.
String.prototype.slice는 음수의 인수를 전달할 수 있다.

String.prototype.toLowerCase() : string

대상 문자열의 모든 문자를 소문자로 변경한다.

String.prototype.toUpperCase() : string

대상 문자열의 모든 문자를 대문자로 변경한다.

String.prototype.trim() : string

대상 문자열 양쪽 끝에 있는 공백 문자를 제거한 문자열을 반환한다.

String.prototype.repeat(count) : string

인수로 전달한 숫자만큼 반복해 연결한 새로운 문자열을 반환한다.
count가 0일 때, 빈 문자열 반환
count가 음수일 때, 에러 반환

String.prototype.includes(searchString, position) : boolean

인수로 전달한 문자열이 포함되어 있는지를 검사하고, 결과를 boolean 값으로 반환
두 번째 인수(선택) : 검색할 위치를 나타내는 정수

String.prototype.padStart(targetLenghth [, padString])

첫 번째 인수 : 전체 string 길이 지정
만일 현재 문자열의 길이가 인수보다 짧다면 공백을 두 번째 인수 값으로 채운다.
두 번째 인수 값으로 한 번 채우고도 남으면 두 번째 인수 값 무한반복으로 절대 비지 않게 채운다.

padEnd() 는 우측부터 적용

이 외에도 많은 메소드들이 있다.

참조 링크
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String
https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-String-%EB%A9%94%EC%86%8C%EB%93%9C-%E2%9C%8F%EF%B8%8F-%EC%A0%95%EB%A6%AC

profile
프론트엔드 개발과 디자인을 좋아합니다

0개의 댓글