📖 TIL - includes와 replaceAll로 직관적으로 구현한 "숫자 문자열과 영단어"

📌 문제 설명

숫자의 일부 자릿수를 영단어로 바꾼 문자열이 주어졌을 때, 원래 숫자를 찾는 문제입니다
입력 예시: "one4seveneight" → 출력: 1478

---

🤔 문제 접근

처음에 생각한 코드는 const num = {'zero': 0, ...}과 같은 형식으로 객체를 하나 만들어서 hasOwnProperty()으로 값이 있다면 변환을 해주는 방식으로 접근을 하려고 했었다. 값이 있다면 split(key)를 하고 join(value)를 하면 어떨까..? 하고 코드를 치려하다 문득!
음.. string 변환을 한번에 바꿔주는것..
....아 맞다!

replaceAll() 메서드가 있었구나!

그러고보니 0,1,2..
영단어를 배열로 만들어 인덱스를 활용하면 숫자로의 변환이 쉽겠구나!
그리하여 forEach를 사용해 각 영단어를 순회하면서 변환하는 방식을 선택했습니다

---

💡 해결 방법

function solution(s) {
    var answer = s;
    const num = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"]   
    num.forEach((e,i) => answer = answer.includes(e) ? answer.replaceAll(e,i) : answer)
    return Number(answer);
}

---

🔍 코드 설명

1. 영단어 배열을 생성하여 인덱스가 숫자와 매칭되도록 설정

ex) num[1] = "one", num[2] = "two"

2. forEach를 사용해 각 영단어와 인덱스를 순회하면서:

• includes()로 현재 영단어가 문자열에 포함되어 있는지 확인
• 포함되어 있다면 replaceAll()을 사용해 해당 영단어를 인덱스(숫자)로 변환

3. 최종적으로 Number()를 사용해 숫자형으로 변환하여 반환

---

✨ 새롭게 배운 점

String.prototype.includes()와 replaceAll()을 활용한 문자열 처리 방법
배열의 인덱스를 활용한 데이터 매핑 기법

---

🚀 이런 점이 효율적이에요

객체 대신 배열을 사용하여 인덱스를 활용함으로써 코드가 더 간결해짐
includes()로 확인 후 변환하므로 불필요한 replaceAll 연산을 줄일 수 있음
삼항 연산자를 활용하여 조건문을 한 줄로 처리

---

⭐️ 참고 자료

MDN - String.prototype.replaceAll()