String_method

📌 백틱 (``)

let name = ‘Jemmy’;
let string = `안녕하세요
              반갑습니다.                    
              ${name} 입니다.
              ${20 + 10} 살 입니다.`;

• 따옴표와 다르게 백틱은 개행(줄 바꿈) 가능.
• 따옴표는 /n로 개행 해줘야함 백틱은 그럴 필요 없음.
• 문자열 안에 ${} (달러, 중괄호)로 변수 사용 가능.
• 같은 방법으로 연산자 사용 가능.

📌 length: 문자열 길이

let desc = ‘안녕하세요.‘;
desc.length; // 6

📌문자열 특정위치에 접근하기

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): 문자가 몇번째에 있는지 알려줌

desc.indexOf(‘to’); // 14
desc.indexOf(‘man’); // -1

• 0부터 세야한다.
• 공백, 쉼표 등 모두 카운트 된다.
• 찾는 문자열의 가장 처음 만나는 인덱스를 반환한다.
• 찾는 문자열이 없으면 -1 을 반환한다.

💡 indexOf와 if문을 쓸때 주의 할점

if(desc.indexOf(‘Hi’)) {
   console.log(‘Hi가 포함된 문장입니다.’);
}

• indexOf가 문자열 ‘Hi’ 를 가장 처음으로 만나기 때문에 0을 반환
• 조건절에서 0은 false기 때문에 찾는 문자열을 만나도 조건문이 실행되지 않는다.

if(desc.indexOf(‘Hi’) > -1) {
   console.log(‘Hi가 포함된 문장입니다.’);
}

• 때문에 -1보다 크다로 평가해야 올바른 결과값을 얻을 수 있다.

📌 str.slice(n, m) : 특정 범위의 문자열 뽑아내기

let desc = “abcdefg”;
desc.slice(2); // “cdefg”
desc.slice(0, 5); // “abcde”
desc.slice(2, -2); // “cde”

• n은 시작점.
• m은 없으면 문자열 끝까지, 양수면 그 숫자 이전까지, 음수면 끝에서부터 센다(끝은 -1부터)

📌 str.substring(n, m): slice와 유사

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

• n과 m사이 문자열을 반환.
• n과 m의 순서를 바꿔도 동일하게 동작함.
• 음수는 0으로 인식.

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

desc.substr(2, 5); // cdefg

📌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”

• codePointAt: 문자열을 아스키코드로 변경
• fromCodePoint: 아스키코드를 문자열로 변경
• 아스키 코드를 외울 필요는 없고, a > z / 소문자 > 대문자 만 인지

💡실용적인 예제

let list = [
   “01. 목차”,
   “02. 들어가며”,
   “03. JS의 역사”,
   “04. 자료형”,
   “05. 함수”
]

let newList = [];

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

console.log(newList); // [ 목차, 들어가며, JS의 역사, 자료형, 함수 ]

📌 includes(): 문자열이 포함되어있는지 아닌지만 확인

function hasCola(str) {
  if (str.includes(“콜라”)) {
    console.log(“금칙어”)
  } else {
    console.log(“통과”)
  }
}

hasCola(“콜라가 최고야!);   // 금칙어
hasCola(“사이다가 최고야!);  // 통과