[JavaScript/section 1] 09 - A를 #으로

📌 문제

대문자로 이루어진 영어 단어가 입력되면 단어에 포함된 'A'를 모두 '#'으로 바꾸어 출력하는 문제이다.

 

나는 문자열을 split() 과 map() 메서드를 사용하여 새로운 배열을 생성해 반환해주는 방식으로 문제를 해결하였다.

또한, for...of 명령문과 replace() 메서드를 사용하여 해결하는 등 다양한 방법으로 문제를 해결하였다. 

 

📝 풀이 

// split(), map() 메서드를 사용한 코드
function solution(s) {
  let answer = '';

  answer = s
    .split('')
    .map((x) => {
      if (x === 'A') {
        return '#';
      }
      return x;
    })
    .join(''); 

  return answer;
}

let str = 'BANANA';
console.log(solution(str));

// for...of 명령문을 사용한 코드
function solution(s) {
  let answer = '';

  for (let x of s) {
    if (x === 'A') {
      answer += '#';
    } else {
      answer += x;
    }
  }

  return answer;
}

let str = 'BANANA';
console.log(solution(str));

// replace() 메서드를 사용한 코드
function solution(s) {
  let answer = '';

  answer = s;
  answer = answer.replace(/A/g, '#');

  return answer;
}

let str = 'BANANA';
console.log(solution(str));

 

🔥 추가 풀이

// split(), join() 만을 사용한 코드
function solution(s) {
  let answer = '';

  answer = s.split('A').join('#');
  
  return answer;
}

let str = 'BANANA';
console.log(solution(str));

 

💡 정규표현식

문자열에서 특정 문자 조합을 찾기 위한 패턴이다.

정규 표현식은 정규 표현식 리터럴, RegExp 객체의 생성자 호출의 두 가지 방법으로  만들 수 있다.

 

이번에는 정규 표현식 리터럴에 대하여 알아보자 ❗

const re = /A/g

1️⃣ 다음과 같이 슬래쉬(/)로 패턴을 감싸서 작성한다.

• 스크립트를 불러올 때 컴파일되므로, 바뀔 일이 없는 패턴의 경우 리터럴을 사용하면 성능이 향상될 수 있다.
• 단순 패턴은 문자열을 있는 그대로 탐색할 때 사용한다. 예를 들어, /A/ 패턴은 문자열에서 정확한 순서로 'A'라는 문자의 조합이 나타나는 부분과 일치한다.

2️⃣ 정규 표현식 뒤의 'g'는 전체 문자열을 탐색해서 모든 일치를 반환하도록 지정하는 전역 탐색 플래그이다.