문자열 객체 (3) slice / substring / substr 메서드

⭐️ 문자열 객체 ( slice / substring / substr 메서드 ) ⭐️

---

01. 표준 내장 객체의 종류 : 문자열 객체

표준 내장 객체(Standard Built-in Object)는 자바스크립트가 기본적으로 가지고 있는 객체들을 말하며, 다른 객체의 기초가 되는 핵심적인 객체 입니다.
내장 객체의 종류에는 Object, Fuction, String, Array, Math, Number, Event, Boolean, Data, RegExp 등이 있습니다.
그 중에서 문자열 객체(String Object)는 문자열을 저장/관리하기 위해 사용하는 객체를 의미합니다.

   ___ 참고하기 ___
  `1   문자열을 생성할 때는 ''"" 따옴표를 사용하거나, new 키워드를 이용합니다.
  `2   문자열 객체는 불변성이 있으며, 이로써 메모리 공간의 절약과 보안성 및 동시성의 특징도 함께 갖습니다.
      

02. slice / substring / substr 메서드

전체 문자열에서 원하는 위치의 문자열만 추출하여 문자열을 반환하는 메서드 입니다.
🐢 slice( ) 메서드는 시작 위치부터 끝나는 위치까지의 문자열을 추출하여 반환합니다. (시작 < 끝 지켜야 함)
🐢 substring( ) 메서드는 시작 위치부터 끝나는 위치까지의 문자열을 추출하여 반환합니다. (시작 < 끝 지키지 않아도 됨)
🐢 substr( ) 메서드는 시작 위치부터 길이값 만큼의 문자열을 추출하여 반환합니다.

[1] slice( )의 형식

"문자열".slice(시작 위치); ☛ 끝이 생략됨, 끝나는 위치까지 출력함
"문자열".slice(시작 위치, 끝나는 위치); ☛ 끝나는 위치까지 출력함
(시작 위치, 끝나는 위치)의 규칙 ☛ (시작 위치 < 끝나는 위치)

// slice( ) 메서드의 리턴 ----------------------------------------------------------------
const str1 = "javascript reference";
 
const currentStr1 = str1.slice(0);  // javascript reference
const currentStr2 = str1.slice(1);  // avascript reference
const currentStr3 = str1.slice(2);  // vascript reference
const currentStr4 = str1.slice(0, 1);  // j
const currentStr5 = str1.slice(0, 2);  // ja
const currentStr6 = str1.slice(0, 3);  // jav
const currentStr7 = str1.slice(1, 1);  //  규칙에 맞지 않기 떄문에 아무것도 안 나옴
const currentStr8 = str1.slice(1, 2);  //  a
const currentStr9 = str1.slice(1, 3);  //  av
const currentStr10 = str1.slice(1, 4);  //  avs
const currentStr11 = str1.slice(-1);  //  e   음수는 뒤에서부터 시작하는 것
const currentStr12 = str1.slice(-2);  //  ce
const currentStr13 = str1.slice(-3);  //  nce
const currentStr14 = str1.slice(-1, -2);  //  규칙에 맞지 않기에 안 나옴, 어느 쪽이 더 큰지 확인해야 함
const currentStr15 = str1.slice(-3, -1);  //  nc
const currentStr16 = str1.slice(-3, -2);  //  n

[2] substring( )의 형식

"문자열".substring(시작 위치, 끝나는 위치);
"문자열".substring(끝나는 위치, 시작 위치);
☛ 시작과 끝의 위치 값이 순서대로 입력되지 않아도, 자동으로 두 값을 바꿔주어 출력합니다.

// substring( ) 메서드의 리턴 ----------------------------------------------------------------
const str1 = "javascript reference";
 
const currentStr19 = str1.substring(1, 4);  //  ava
const currentStr20 = str1.substring(4, 1);  //  ava                    

[3] substr( )의 형식

"문자열".substr(시작 위치);
"문자열".substr(시작 위치, 길이값);

// substr( ) 메서드의 리턴 ----------------------------------------------------------------
const str1 = "javascript reference";
 
const currentStr21 = str1.substr(0);  //  javascript reference
const currentStr22 = str1.substr(1);  //  avascript reference
const currentStr23 = str1.substr(2);  //  vascript reference
const currentStr24 = str1.substr(0, 1);  //  j
const currentStr25 = str1.substr(0, 2);  //  ja
const currentStr26 = str1.substr(0, 3);  //  jav
const currentStr27 = str1.substr(1, 2);  //  av
const currentStr28 = str1.substr(1, 3);  //  ava
const currentStr29 = str1.substr(1, 4);  //  avas
const currentStr30 = str1.substr(-1);  //  e
const currentStr31 = str1.substr(-2);  //  ce
const currentStr32 = str1.substr(-3);  //  nce
const currentStr33 = str1.substr(-1, 1);  //  e
const currentStr34 = str1.substr(-2, 2);  //  ce
const currentStr35 = str1.substr(-3, 3);  //  nce