[JavaScript & Jquery] Javascript, Jquery 를 이용한 replace 및 replaceAll, replaceWith 사용 방법.

JavaScript에서 replace() 함수와 replaceAll() 함수는 지정된 하위 문자열을 다른 문자열로 대체하는 데 사용됩니다.

 

replace() 함수는 주어진 문자열에서 지정된 하위 문자열의 첫 번째 항목만 교체하는 데 사용됩니다. replace() 함수의 구문은 다음과 같습니다.

 

string.replace(searchValue, replaceValue)

 

여기서 searchValue는 주어진 문자열에서 검색할 하위 문자열이고 replaceValue는 searchValue의 첫 번째 항목을 대체하는 문자열입니다. 

 

예를 들어:

let str = "I love apples, apples are my favorite fruit!";
let newStr = str.replace("apples", "oranges");
console.log(newStr); // Output: "I love oranges, apples are my favorite fruit!"

 

위의 예에서 replace() 함수는 "apples"의 첫 번째 항목을 "oranges"로 바꿉니다.


반면에 replaceAll() 함수는 주어진 문자열에서 지정된 하위 문자열의 모든 항목을 교체하는 데 사용됩니다. replaceAll() 함수의 구문은 다음과 같습니다.

 

string.replaceAll(searchValue, replaceValue)

 

여기서 searchValue는 주어진 문자열에서 검색할 하위 문자열이고 replaceValue는 searchValue의 모든 항목을 대체하는 문자열입니다. 그러나 replaceAll() 함수는 최신 버전의 JavaScript에서만 사용할 수 있다는 점에 유의해야 합니다. 

 

예를 들어:

let str = "I love apples, apples are my favorite fruit!";
let newStr = str.replaceAll("apples", "oranges");
console.log(newStr); // Output: "I love oranges, oranges are my favorite fruit!"

 

위의 예에서 replaceAll() 함수는 "apples"를 모두 "oranges"로 바꿉니다.


jQuery에서 replaceWith() 함수는 HTML 요소를 다른 HTML 요소나 콘텐츠로 대체하는 데 사용됩니다. replaceWith() 함수의 구문은 다음과 같습니다.

 

$(selector).replaceWith(content)

 

여기서 selector는 대체할 HTML 요소이고 content는 선택된 요소를 대체할 새로운 HTML 요소 또는 컨텐츠입니다. 

 

예를 들어:

 

$("p").replaceWith("<h1>New heading</h1>");

 

위의 예에서 페이지의 모든 <p> 요소는 콘텐츠가 "새 제목"인 새 <h1> 요소로 대체됩니다.


jQuery에서는 replaceAll() 함수를 사용할 수 없습니다.