javascript 자바스크립트에서 문자열에서 특정 '문자'를 모두 찾아서 치환하면서 순서대로 번호를 붙이는 방법

자바스크립트에서 문자열에 포함된 특정문자 예를들어 '@'를 모두 찾아서 원하는 값으로 치환하는데 치환하면서 순서대로 번호를 붙이는 코드입니다. 

 

let inputString = "문자열에서 @이 포함된 문장을 찾습니다. 이 문장에서 @은 여러 개입니다. @hello @world @hello-world";

let id = 1;
let outputString = inputString.replace(/@/g, (match) => {
  let span = `<span id="${id}">${match}</span>`;
  id++;
  return span;
});

console.log(outputString);

 

위 코드에서는 replace 메소드의 콜백 함수에서 '@'문자열을 찾아서, 번호가 붙은 '<span>' 태그로 치환합니다. 이 때, id 변수를 이용하여 치환하는 순서대로 번호를 붙입니다. 출력 결과는 다음과 같습니다.

 

문자열에서 <span id="1">@</span>이 포함된 문장을 찾습니다. 이 문장에서 <span id="2">@</span>은 여러 개입니다. <span id="3">@</span>hello <span id="4">@</span>world <span id="5">@</span>hello-world

 

위 코드를 실행하면, '@'문자열이 '<span>' 태그로 변경된 후, 번호가 붙은 결과를 출력할 수 있습니다.