JS & TS/JavaScript

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

Bay Im 2024. 2. 13. 09:06
  • padStart, padEnd
  • startsWith, endsWith
  • indexOf, includes, search
  • substr, substring, slice
  • toUpperCase, toLowerCase
  • trim, trimStart, trimEnd
  • Template Literal
    • ex)
    const holiday = '한글날';
    const month = 10, day = 9;
    
    `${holiday}은 ${month}월 ${day}일입니다.`  // 한글날은 10월 9일입니다.
    
    function f(txts, a, b, c) {
        console.log('txts>>', txts);
        console.log('a>>', a);
        console.log('b>>', b);
        console.log('c>>', c);
    }
    
    f`${holiday}은 ${month}월 ${day}일입니다.`;
    // 위 코드 출력
    txts>> [ '', '은 ', '월 ', '일입니다.' ]
    a>> 한글날
    b>> 10
    c>> 9
    
  • str.charCodeAt(idx) vs String.fromCharCode (unicode)
  • pattern, flag, common character
  • Regular Expression
    • 문자열의 패턴을 기술하는 방법으로 찾기, 추출, 바꾸기 등을 할 수 있다.
    • 정규 표현식의 두 가지 방법
      • const regexp1 = /[A-Z]/;
      • const regexp2 = new RegExp(/[A-Z]/, 'g');
    • 문자열 검색
      • 문자열변수.match(/찾을문자/); ⇒ 해당 문자의 인덱스 위치 출력
      • .match(/찾을문자/g); ⇒ [’문자’, ‘문자’] 이런식으로 문자가 여러 개인 경우에 해당 개수만큼 문자 배열 출력
      • .match(/.../g); ⇒ 3글자씩 나뉘어서 배열로 출력, 뛰어쓰기도 개수에 포함! 3글자로 나뉜 후 나머지들은 제외되고 출력 된다.
      • .match(/\S{3}/g); ⇒ 문자만 3개씩 나뉘어서 배열로 출력
  • replace, replaceAll
    • replace
      • 문자열의 해당 문자 찾아서 새로운 문자로 바꾸기
      • 해당 문자가 여러 개여도 제일 처음나오는 문자만 바뀌고 출력된다.
      • ‘문자열’.replace(’현재바꿀문자’, ‘이후바뀌어질문자’);
    • replaceAll
      • 문자열의 해당 문자를 모두 찾아서 새로운 문자로 바꾸기
      • 찾을 문자에 해당하는 모든 문자들을 바꾼다.
      • ‘문자열’.replaceAll(’현재바꿀문자’, ‘이후바뀌어질문자’);
    • 두 함수 모두 정규식 사용 가능
728x90

'JS & TS > JavaScript' 카테고리의 다른 글

[JavaScript] 동기(Synchronous), 비동기(Asynchronous), Promise  (0) 2024.02.13
[JavaScript] Module  (0) 2024.02.13
[JavaScript] Number, Math, Date  (0) 2024.02.13
[JavaScript] map, set  (0) 2024.02.13
[JavaScript] iterator, generator  (0) 2024.02.08