[TS] 비슷해보이는 코드인데, 한 쪽은 오류가 나네요?

Question

마크다운에서 heading 텍스트만 추출하는 로직을 구현하고 있습니다.간단한거라 정규식갖고 짜고있는데, 맞는 로직인데도 오류가 나길래 확인해보니, 다소 이해가 안 가는 문제가 발생했습니다.코드는 아래와 같습니다.✅ 정상 코드headingReg 에 주목해주세요export function getMarkdownToc(text: string): TocProps[] { const headingReg &#61; /^(#{1,6}) (.&#43;)$/gm; const flag &#61; true; const list: TocProps[] &#61; []; const temp &#61; text.replaceAll(/&#96;&#96;&#96;[^]*?&#96;&#96;&#96;/gm, ''); while (flag) { const match &#61; headingReg.exec(temp); // 일치하는 정규식이 없을 경우 if (match &#61;&#61;&#61; null) { break; } list.push({ level: match[1].trim().length, text: match[2].trim() }); } return list; }❌ 비정상 코드위의 headingReg 코드를 변수 선언 없이 그냥 사용했음을 주목해주세요.export function getMarkdownToc(text: string): TocProps[] { const flag &#61; true; const list: TocProps[] &#61; []; const temp &#61; text.replaceAll(/&#96;&#96;&#96;[^]*?&#96;&#96;&#96;/gm, ''); while (flag) { const match &#61; /^(#{1,6}) (.&#43;)$/gm.exec(temp); // 일치하는 정규식이 없을 경우 if (match &#61;&#61;&#61; null) { break; } list.push({ level: match[1].trim().length, text: match[2].trim() }); } return list; }두 코드의 차이는 정규식을 while 문 안에 선언했냐 안 했냐 차이인데... 아래 코드는 반복문을 벗어나질 못 합니다.정규식 선언 위치에 따라 로직이 달라지는 케이스는 처음 들어보는데...혹시 여러분들은 이유를 아실 것 같나요?

엡실론 · Accepted Answer

If the match succeeds, the exec() method returns an array and updates the lastIndex property of the regular expression object.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec정규식 객체가 계속 리셋되니 이전 위치를 기억하지 못하고 처음부터 다시 시작하게 됩니다. 결국 끝이 안나죠.

[TS] 비슷해보이는 코드인데, 한 쪽은 오류가 나네요?

1개의 답변

#regexp 목록