[ Javascript ] 자바스크립트 String 정리.

 

 

String

 

  String은 표준 빌트인 객체로, 문자열(원시 타입)을 다룰 때 사용되는 프로퍼티와 메서드를 제공한다.

 

 

 

 

 

 

 

 

 

String 특징

 

→ String 생성자 함수에 인수를 전달하지 않고 new 연산자와 함께 호출하면 [[StringData]] 내부 슬롯에 빈 문자열을 할당한 String 래퍼 객체를 생성한다.

 

→ String 래퍼 객체는 배열처럼 length프로퍼티와 index(인덱스를 나타내는 숫자로 된 문자열의 프로퍼티 키)를 갖고, 각각의 문자를 프로퍼티 값으로 갖는 유사 배열 객체 이면서, 이터러블 이기 때문에 배열과 유사하게 index를 사용하여 각 문자에 접근이 가능하다.

 

→ 문자열에 index로 접근하여 프로퍼티 값을 변경해도 에러는 발생하지 않지만, 문자열은 원시 값이기 때문에 값이 변경되지 않는다.

 

→ String 생성자 함수에 인수로 문자열이 아닌 값을 전달하면, 인수를 문자열로 강제 변환한 뒤 String 래퍼 객체를 생성한다.

 

→ new 연산자를 사용하지 않고 String 생성자 함수를 호출하면 String 인스턴스가 아닌 문자열을 반환한다.

 

→ length 프로퍼티는 문자열의 문자 개수를 반환한다.

 

 

 

 

 

 

 

 

String 메서드

객체인 배열에서는 원본 배열을 직접 변경하는 메서드가 존재했지만, 변경 불가능한 값인 원시 값의 문자열을 다루는 String 객체는 원본 String 래퍼 객체를 직접 변경하는 메서드는 존재하지 않는다.

 

메서드 명	설명	인수	반환 값
String.prototype.indexOf	인수로 전달받은 문자열을 검색하여 첫 번째 index를 반환하는 메서드로 검색에 실패하면 -1을 반환한다.	1) 검색할 문자열 2) 검색을 시작할 index(옵션)	index or -1
String.prototype.search	인수로 전달받은 정규표현식과 매치하는 문자열을 검색하여 일치하는 문자열의 인덱스를 반환한다.	1) 정규 표현식	index or -1
String.prototype.includes	인수로 전달받은 문자열이 포함되어 있는지 확인 후 true 또는 false 값을 반환한다.	1) 검색할 문자열 2) 검색을 시작할 index(옵션)	Boolean
String.prototype.startsWith	ES6에서 도입된 메서드로 인수로 전달받은 문자열로 시작하는지 확인 후 true 또는 false 값을 반환한다.	1) 검색할 문자열 2) 검색을 시작할 index(옵션)	Boolean
String.prototype.endsWith	ES6에서 도입된 메서드로 인수로 전달받은 문자열로 끝나는지 확인 후 true 또는 false 값을 반환한다.	1) 검색할 문자열 2) 검색을 시작할 index(옵션)	Boolean
String.prototype.charAt	인수로 전달받은 index에 위치한 문자를 검색하여 반환한다. 검색할 index가 문자열의 범위를 벗어난 경우 빈 문자열(’’)을 반환한다.	1) 검색할 index	String
String.prototype.substring	첫 번째 인수로 전달받은 index에 위치하는 문자부터 두 번째 인수로 전달받은 index에 위치하는 문자의 바로 이전 문자까지의 부분 문자열을 반환한다. 첫 번째 인수가 두 번째 인수보다 클 경우, 두 인수가 교환된다. 인수가 0또는 NaN인 경우는 0으로 취급된다. 인수가 문자열의 길이보다 큰 경우 인수는 문자열의 길이로 취급된다.	1) 반환 받을 문자열의 시작 index 2) 반환 받을 문자열의 마지막 index	String
String.prototype.slice	substring 메서드와 비슷하게 동작하나 slice 메서드는 음수인 인수를 전달하여 문자열의 가장 뒤에서부터 시작해서 문자열을 잘라내 반환할 수 있다. 음수인 인수를 전달하면 문자열의 맨 뒤에서 부터 시작해서 문자열을 잘라낼 수 있다.	1) 반환 받을 문자열의 시작 index 2) 반환 받을 문자열의 마지막 index	String
String.prototype.toUpperCase	모두 대문자로 변경한 문자열을 반환한다.	x	String
String.prototype.toLowerCase	모두 소문자로 변경한 문자열을 반환한다.	x	String
String.prototype.trim	앞뒤에 공백 문자가 있을 경우, 공백을 제거한 문자열을 반환한다. - String.prototype.trimStart : 앞에 있는 공백을 제거한다. - String.prototype.trimEnd : 뒤에 있는 공백을 제거한다.	x​	String
String.prototype.repeat	ES6에서 도입된 메서드로 인수로 전달받은 정수만큼 반복해 연결한 새로운 문자열을 반환한다. 인수에 빈값 또는 0을 넣으면 빈 문자열을 반환하고, 음수이면 RangeError를 발생시킨다.	1) 반복할 횟수	String
String.prototype.replace	첫 번째 인수로 전달받은 문자열 또는 정규표현식을 검색하여 두 번째 인수로 전달한 문자열로 치환한 문자열을 반환한다. * 검색된 문자열이 여러개일 경우, 첫 번째로 검색된 문자열만 치환한다. 특수한 교체 패턴을 이용할 수 있다. 첫 번째 인수로 정규표현식을 전달하면 해당 정규표현식으로 검색한다. 두 번째 인수로 치환 함수를 전달할 수 있다.	1) 검색할 문자열 또는 정규표현식 2) 치환할 문자열	String
String.prototype.split	첫 번째 인수로 전달할 문자열 또는 정규표현식을 검색하여 문자열을 구분한 뒤 분리된 각 문자열로 이루어진 배열을 반환한다. 배열을 반환하기 때문에 Array.prototype.reverse, Array.prototype.join 등의 Array메서드를 사용할 수 있다.	1) 검색할 문자열 또는 정규표현식 2) 배열의 길이 지정	Array

 

 

 

 

 

출처 : 모던 자바스크립트 Deep Dive - 이웅모(위키북스)