[Javascript] 문자열, 정규 표현식

문자열

• 문자열은 배열과 같은 객체, 저장하거나 특정 문자를 탐색하여 찾아내거나 새로운 문자열 구성 시 사용
• “” 혹은 ‘’ 혹은 ``으로 감싸서 표현 할 수 있음

문자열의 메서드

• charAt(인덱스)
  • 문자열에서 특정한 위치에 있는 문자를 반환
  • -1 을 매개변수로 주면 마지막 문자 확인 가능
• indexOf(찾을 문자열, 시작인덱스)

  • 문자열에서 매개변수로 전달되는 특정 문자가 처음 발견되는 인덱스 반환

  • 일치하지 않다면 -1을 반환

    문자열.indexOf(찾을 문자열, 탐색 시작인덱스)

• include(문자열)
  • 매개변수로 전달되는 특정 문자열이 포함되는지 여부를 true, false로 반환
• startsWith(찾을 문자, 탐색할 문자열의 길이(option))
  • 문자열에서 매개변수로 전달되는 문자열로 시작하는지를 true, false로 반환
• endsWith()
  • 문자열에서 매개변수로 전달되는 문자열로 끝나는 지를 true, false로 반환
• match(탐색 문자열 | 패턴)
  • 매개변수로 전달되는 문자열이나 정규 표현식의 조건으로 매칭되는 값을 배열로 반환
  • 매칭되지 않으면 Null을 반환, 대소문자도 구분
• search(탐색 문자열 | 패턴)
  • 문자열에서 매개변수로 전달되는 문자열이나 정규표현식의 조건으로 가장 먼저 매칭되는 문자의 위치를 인덱스로 반환
  • 매칭 되지 않으면 -1을 반환, 대소문자 구분
• replace(탐색 문자열 | 패턴, 새로운 무자열 | 함수)
  • 문자열에서 매개변수로 전달되는 문자열이나 정규표현식의 조건으로 매칭되는 값을 찾아 새로운 문자열로 교체하거나 지정된 함수가 반환
  • 매칭되지 않으면 아무런 변화가 없음
• slice(시작 인덱스, 끝 인덱스)
  • 문자열의 일부분을 추출, 시작 인덱스와 끝 인덱스로 문자열을 추출, 끝 인덱스가 주어지지 않으면 끝까지 추출
  • 매개변수로 음수가 주어진 경우 문자열의 끝 위치 부터 선택
  • 대상이 되는 문자열에는 변화가 없음
• substring(시작 인덱스, 끝 인덱스)
  • slice()와 쓰임이 같지만 매개변수 인덱스에 음수를 사용할 경우 0으로 간주되어 처리
  • 시작 인덱스가 끝 인덱스보다 클 경우 두 매개변수 위치를 바꿔 연산
  • 음수가 될 수 없고, 항상 시작 인덱스보다 끝 인덱스가 크다는 것을 가정하여 처리
• substr(시작 인덱스, 길이)
  • slice(), substring()과 쓰임이 같지만 매개 변수에 차이가 있음
  • 두 번째 인덱스는 끝 인덱스가 아닌 추출할 문자의 개수를 전달하며 두 번째 매개변수 생략시 끝까지 추출
  • 첫 번째 인덱스에 음수가 전달된 경우 문자열의 마지막 위치부터 연산
  • ECMA-262에서 메서드 사용을 금지할 수도 있음을 시사 (사용 비추천)
• split(구분자, 제한)
  • 문자열을 매개변수로 전달되는 구분자로 나눠 여러개의 문자를 배열로 변환하여 반환
  • 대상이 되는 문자열에는 변화가 없음
  • 2번째 매개변수에 0 전달시 원소가 없는 빈 배열을 반환
• 스프레드 연산자

  • 배열이나 객체를 전부 복사하거나 그 일부를 다른 배열이나 객체로 만들어 주는 연산자

  • 심볼 […]로 사용

  • Array.from(문자열) 과 같은 결과를 냄

    const str = 'hello'
    console.log([...str])
    
    [...str].forEach(...)
    정규 표현식

• trim()

  • 문자열에서 양 끝의 공백을 제거

    문자열.trim()

• 템플릿 문자열
  • 문자열을 ‘’, “” 대신 ``으로 표현하는 방식
  • 문자열 내부에서 ‘’, “”사용시 문자열 내에서 한번 더 사용 시 에러가 발생
    • escape 문자를 같이 사용하거나
    • ``을 쓰면 상관 없이 사용 가능

정규 표현식

• RegExp객체로 문자열을 탐색하기 위한 패턴을 표현하는 방법
• 어떤 텍스트에서 특정 데이터를 찾고자 할 때 사용하는 형식, 한 글자 이상의 문자를 찾을 수 있음
  • /패턴/탐색조건 형식
  • new RegExp(패턴, 탐색조건)
• 탐색조건의 종류
  • i → 대소문자 구별 없이 탐색
  • g → 매칭되는 모든 조건을 찾아냄
  • m → 여러 줄 매칭을 수행