JavaScript String 객체 설명

승헌·2021년 6월 10일
0

JavaScript의 String 전역 객체를 생성하는 방법과 사용가능한 함수들을 정리했습니다.
Deprecated 항목을 제외하고 MDN에 사용법이 구체적으로 적혀있는 함수들만 적었습니다.

Deprecated 란?
MDN은 웹표준에서 제거된 함수의 경우 Deprecated를 명시하고 있습니다.
예를 들어 substr의 경우, 웹표준에서 제거되지는 않았지만 사용처가 없어질 경우 명세에서 제거될 것이라는 문서에 따라 Deprecated 되었습니다.

String 객체 생성하기

String 객체를 생성할 수 있는 방법은 두가지 입니다.

Object 타입 생성

new 키워드를 통해 String 객체를 만들 수 있습니다.

var str = new String('Hello world');

String 타입 생성

String() 생성자를 통해 호출하여 만들거나 바로 텍스트를 대입하여 만들 수 있습니다.
이런 방법을 사용한다면 Object 타입이 아닌 primitive string으로 형변환됩니다.

var str1 = String('Hello world');
var str2 = 'Hello';

코드와 실행결과

new 를 사용하여 객체로 생성한 것은 object로, 그렇지 않은 것은 string으로 나타나는 것을 알 수 있습니다.
문자열을 바로 사용할 수 있다는 점에서 Object보다는 기본 String 타입이 사용하기 더 편할 것 같습니다.

String 객체 함수

Stirng 객체가 사용할 수 있는 함수에 대해서 알아봤습니다. Deprecated 항목은 제외했으며, 모든 브라우저를 지원하는 함수와 인터넷 익스플로러를 제외하고 지원하는 함수에 대해 구분했습니다.

웹은 다양한 브라우저가 존재하고 다양한 환경의 유저들을 위해 지원되어야 한다고 생각하기 때문에, 모든 브라우저를 지원하는 함수를 사용하는 것이 중요하다고 생각합니다.

구체적인 함수 사용법은 검색해보세요. 아래 항목은 어떤 함수들이 있는지 파악하기 위해 작성한 것입니다.

모든 브라우저를 지원하는 함수

  • charAt 매개변수로 받은 인덱스 숫자에 해당하는 단일문자 반환
  • charCodeAt 매개변수로 받은 인덱스 숫자에 해당하는 단일문자에 대한 UTF-16 코드 반환
  • concat 매개변수로 전달된 모든 문자열을 호출 문자열에 붙인 새로운 문자열을 반환
  • fromCharCode 매개변수로 받은 UTF-16 코드들로 문자열을 생성해 반환
  • indexOf 문자열에서 매개변수로 주어진 값과 일치하는 첫 번째 인덱스를 반환, 일치하는 값이 없으면 -1 반환
  • lastIndexOf indexOf를 역순으로 실행, 일치하는 부분을 찾을 수 없으면 -1을 반환
  • length UTF-16 코드 유닛을 기준으로 문자열의 길이를 나타냄
  • localeCompare 기준 문자열과 비교했을 때 매개변수로 받은 문자열이 정렬상 전에 오는지, 후에 오는지 혹은 같은 순서에 배치되는지를 알려주는 숫자를 반환
  • match 문자열에서 매개변수로 받은 정규식과 매치되는 부분을 검색하여 결과 반환
  • replace 첫번째 매개변수로 받은 값을 두번째 매개변수로 받은 값으로 교체
  • search 문자열에서 매개변수로 주어진 정규표현식과 첫번째로 매치되는 것의 인덱스 반환, 찾지 못하면 -1 반환
  • slice 매개변수로 주어진 인덱스 값에 따라 문자열의 일부를 추출하면서 새로운 문자열 반환
  • split 매개변수로 받은 구분자를 이용하여 문자열로 이루어진 배열 반환
  • substring 문자열의 매개변수로 받은 시작 인덱스부터 종료 인덱스 전까지의 문자열 반환
  • toLocaleLowerCase 문자열을 매개변수로 입력된 locale-specific case mapping에 따라 소문자로 변환하여 반환
  • toLocaleUpperCase 문자열을 매개변수로 입력된 locale-specific case mapping에 따라 대문자로 변환하여 반환
  • toLowerCase 문자열을 소문자로 변환하여 반환
  • toString 객체를 문자열로 변환하여 반환
  • toUpperCase 문자열을 대문자로 변환하여 반환
  • trim 문자열 양 끝의 공백을 제거하여 반환
  • valueOf String 객체의 원시값 반환 (String 객체가 가진 문자열 반환)

Internet Explorer를 제외하고 지원하는 함수

  • codePointAt
  • endsWith
  • fromCodePoint
  • includes
  • matchAll
  • padEnd
  • padStart
  • repeat
  • replaceAll
  • startsWith
  • trimEnd
  • trimStart
  • @@iterator
profile
https://heony704.github.io/ 이리콤

0개의 댓글