자바스크립트 중급 6- 문자열 메소드(String methods)

1."(큰따옴표)  , 2.'(작은따옴표)  , 3. `(백틱)

 

*`(백틱)의 기능: 여러줄을 쓸 때 사용 가능

  let desc = `오늘은 맑고 화창한

                  날씨가 계속 되겠습니다.

                  내일은 비소식이 있습니다.`;

 let desc = '오늘은 맑고 화창한\n날씨가 계속 되겠습니다.';  → 따옴표 사용하면 \n을 이용해 문장을 띄어써야함. 줄바꿈 하면 에러.

 

*문자열 길이: length  

   let desc = '안녕하세요.';

   desc.length   //6        →가입할 때 아이디,비밀번호 수 

 

*특정 위치 접근

   let desc = '안녕하세요.';

   desc[2]   //'하'

   desc[4] = '용';      →배열과 달리 한글자만 변경하는 건 불가 

   console.log(desc);   // '안녕하세요.'    (아무 변화 없음)

 

 *toUpperCase() / toLowerCase()

   let desc = "Hi guys. Nice to meet you.";

   desc.toUpperCase();    →모든 글자 대문자로

   "HI GUYS. NICE TO MEET YOU."

   desc.toLowerCase();    →모든 글자 소문자로

   "hi guys. nice to meet you."

 

  *str.indexOf(text)   : 인수로 받은 문자열의 자리 수를 구해줌.

    let desc = "Hi guys. Nice to meet you.";

    desc.indexOf('to');     //14  →0부터 해당 문자열 자리 수를 구해줌. 

    desc.indexOf('man');    //-1  →찾는 문자열이 없을 때 -1 반환

    →찾는 문자열이 동일한 게 여러개 일때, 가장 처음 문자열 자릿수만 반환

    if(desc.indexOf('Hi')){                → 0 이므로 false가 나와서 문장 도출안됨.        

           console.log('Hi가 포함된 문장입니다.');

       }

 

  *str.slice(n,m) : n- 시작점, m- 없으면 문자열 끝까지 반환, 양수는 그 숫자 전까지, 음수면 뒤에서부터 계산

    let desc = "abcdefg"; 

    desc.slice(2)   //"cdefg"  → 2부터 끝까지 반환

    desc.slice(0,5)    //"abcde"  → 0부터 4(5-1)까지 반환

    desc.slice(2,-2)     //"cde"  →2부터 뒤에서 부터 2자리수 까지 반환

 

   *str.substring(n,m) : n과 m 사이 문자열 반환. n과 m을 바꿔도 동작. 음수는 0으로 인식

      →n부터 m까지가 아닌 n과 m사이(=m과 n사이) 문자열

     let desc = "abcdefg";

     desc.substring(2, 5);   //"cde"

     desc.substring(5, 2);   //"cde"

 

   *str.substr(n,m) : n부터 시작. m개를 가져옴.

     let desc = "abcdefg";

     desc.substr(2, 4)   //"cdef"

     desc.substr(-4, 2)    //"de"

 

  *str.trim() : 앞 뒤 공백 제거

     let desc = " coding         "    →주로 사용자로부터 뭔가 입력받을 때 

     desc.trim();    //"coding"     

 

    *str.repeat(n) : 문자열 n번 반복 

      let hello = "hello!";

      hello.repeat(3);    //"hello!hello!hello!"

 

    *문자열 비교 

      1 < 3  //true

      "a"  <  "c"   //true

      ▶아스키 코드표  

          "a".codePointAt(0) ;    //97 

           String.fromCodePoint(97)     //"a"

 

  -------------------------------------------------------------------------------------------------------------------------------------

//글자만 추출하기
let list = [
  "01. 들어가며",
  "02. JS의 역사",
  "03. 자료형",
  "04. 함수",
  "05. 배열",
];

let newList = [];

for(let i=0; i<list.length; i++){
  newList.push(
    list[i].slice(4));
}
console.log(newList);

 

//금칙어 : 콜라

function hasCola(str){
  if(str.indexOf('콜라')){
    console.log('금칙어가 있습니다.');
  } else{
    console.log('통과')
  }
}

hasCola('와 사이다가 짱!');  //-1  if(-1) = true   //금칙어가 있습니다.
hasCola('무슨소리, 콜라가 최고지.');    //금칙어가 있습니다.
hasCola('콜라');  //0  if(0)=false     //통과

→ 따라서,  if(str.indexOf('콜라') >-1) 해주어야 제대로 작동한다. 0부터 콜라를 포함하는 것이므로.

 

*includes사용: 문자가 있으면 true,  문자가 없으면 false 반환

//금칙어 : 콜라

function hasCola(str){
  if(str.includes('콜라')){
    console.log('금칙어가 있습니다.');
  } else{
    console.log('통과')
  }
}

hasCola('와 사이다가 짱!');  //-1  if(-1) = true
hasCola('무슨소리, 콜라가 최고지.');   
hasCola('콜라');  //0  if(0)=false