웹 개발자라면 누구나 알고 있는, JavaScript 와 jQuery 이 2가지는 정말 많이 사용하는 라이브러리입니다. 프론트 및 백엔드 개발에 거의 다 사용되고 있으며, 다른 라이브러리로 대체되기도 하자만, 기본 구조는 동일성을 두고 있는 거 같습니다. 그래서, 오늘은 특정한 문자열을 바꾸는 기능에 대해서 알아보겠습니다.
replace() 함수로 바꾸기
replace() 함수는 지정된 문자열을 다른 문자열로 바꿔주는 함수입니다. 기본적으로 지정한 문자열이 여러개인데, 그중 첫번째 문자열만 바꿔줍니다. 대소문자 구분합니다.
var str = "JavaScript & jQuery & Java";
str = str.replace("Java","java");
// 결과 javaScript & jQuery & JavareplaceAll() 함수로 바꾸기
replaceAll() 함수는 replace() 함수와 사용 방법은 동일하지만, replace() 함수는 지정된 문자열 전체 중 첫번째 문자열만 바꾸지만, replaceAll() 함수는 지정된 문자열 전체를 바꿔줍니다. 대소문자 구분합니다.
var str = "JavaScript & jQuery & Java";
str = str.replaceAll("Java","java");
// 결과 javaScript & jQuery & java정규식을 이용한 문자열 바꾸기
문자열 중 바꿔야 할 문자열이 여러개 있때, 여러개의 문자열을 바꾸는 정규식 방법입니다. 대소문자 구분합니다.
var str = "JavaScript & jQuery & Java";
str = str.replace(/Java/g,"java");
// 결과 javaScript & jQuery & java정규식을 이용해 대소문자 구분없이 문자열 바꾸기
해당 방법은, 지정되 문자열의 대소문자 구분없이 여러개의 문자열을 바꾸는 정규식 방법이니다.
var str = "JavaScript & jQuery & java";
str = str.replace(/Java/gi,"java2");
// 결과 java2Script & jQuery & java2마무리
JavaScript 에서 문자열을 바꾸는 방법에 대해서 알아봤는데요, 정규식을 이용하면 다양한 방법들이 많이 있습니다. 구글 검색 “자바스크립트 문자열 바꾸기 정규식” 으로 검색하시면 됩니다.