[javascript] replace() || replaceAll()

문자열을 찾는 메서드

replace(), replaceAll()을 정리해보았습니다.

replace()

원본이름은 string.prototype.replace()입니다. 앞부분은 생략하고 써도 가능합니다. "문자열".replace(찾을 문자열, 변경할 문자열) "문자열".replace(정규식) "문자열".replace(정규식, 변경할 문자열)

 const str1 = "javascript reference";
    const cirrentStr1 = str1.replace("javascript", "자바스크립트");  //자바스크립트 reference
    const cirrentStr2 = str1.replace("j", "J");  //  Javascript reference
    const cirrentStr3 = str1.replace("e", "E");  //  javascript rEference
    const cirrentStr4 = str1.replaceAll("e", "E");  //  javascript rEfErEncE
    const cirrentStr5 = str1.replace(/e/g, "E");  //  javascript rEfErEncE g(global)여러개 있어도 모두 선택
    const cirrentStr6 = str1.replace(/e/gi, "E");  //  javascript rEfErEncE i 소문자 대문자 구분하지 않음

    const str2 = "https://www.naver.com/img01.jpg";

    const cirrentStr7 = str2.replace("1", "2");  //https://www.naver.com/img02.jpg
    const cirrentStr8 = str2.replace("img01.jpg", "img02.jpg");  //https://www.naver.com/img02.jpg

slice는 시작위치와 끝나는 위치를 정해주어야 하는 메서드입니다.
시작지점과 끝지점중 끝지점이 커야 합니다,
또한 시작위치가 음수 일 경우 문자열 뒤에서 부터 시작합니다.

replaceAll()

원본이름은 string.prototype.replace()입니다. 앞부분은 생략하고 써도 가능합니다.
"문자열".replace(찾을 문자열, 변경할 문자열)
"문자열".replace(정규식)
"문자열".replace(정규식, 변경할 문자열)

const str3 = "010-0000-1000";

    const cirrentStr9 = str3.replace("-", "");  //0100000-1000
    const cirrentStr10 = str3.replaceAll("-", "");   //01000001000
    const cirrentStr11 = str3.replaceAll(/-/g, "");   //01000001000
    const cirrentStr12 = str3.replaceAll(/-/g, " ");   //010 0000 1000
    const cirrentStr13 = str3.replaceAll(/[1-9]/g, "*");   //0*0-0000-*000

substring()은 slice와 비슷하지만 시작위치와 끝나는 위치를 반대로 입력해도 자동으로 앞에서부터 출력합니다.