Frontend/JavaScript

[JavaScript] λ¬Έμžμ—΄ μΉ˜ν™˜( replace(), split().join() )

_μ„±ν˜Έ_ 2022. 8. 19. 13:09
728x90
λ°˜μ‘ν˜•

replace() λ©”μ„œλ“œ

1️⃣ μ–΄λ–€ νŒ¨ν„΄μ— μΌμΉ˜ν•˜λŠ” 일뢀 λ˜λŠ” λͺ¨λ“  뢀뢄이 ꡐ체된 μƒˆλ‘œμš΄ λ¬Έμžμ—΄μ„ λ°˜ν™˜

2️⃣ 첫 번째 λ¬Έμžμ—΄λ§Œ μΉ˜ν™˜μ΄ 되며 μ›λž˜ λ¬Έμžμ—΄μ€ λ³€κ²½λ˜μ§€ ❌

 

const str = '<b>μ•ˆλ…•ν•˜μ„Έμš”!</b> <b>μ΄μ„±ν˜Έ μž…λ‹ˆλ‹€.</b>';
console.log(str.replace('<b>', '').replace('</b>', ''));
// expected output: "μ•ˆλ…•ν•˜μ„Έμš”! <b>μ΄μ„±ν˜Έ μž…λ‹ˆλ‹€.</b>"

'<b>'와 '</b>'의 λͺ¨λ“  문자λ₯Ό μΉ˜ν™˜ν•˜κ³  μ‹Άμ—ˆλ˜ λ‚˜λŠ” replace() λ©”μ„œλ“œμ˜ ν•œκ³„λ₯Ό λŠκΌˆλ‹€.

λ‹€λ₯Έ 방법도 많이 μžˆκ² μ§€λ§Œ λ‚˜λŠ” split(), join() λ©”μ„œλ“œλ₯Ό μ‚¬μš©ν•˜μ—¬ 이λ₯Ό ν•΄κ²°ν•˜μ˜€λ‹€.

 

split() λ©”μ„œλ“œ

String 객체λ₯Ό μ§€μ •ν•œ κ΅¬λΆ„μžλ₯Ό μ΄μš©ν•˜μ—¬ μ—¬λŸ¬ 개의 λ¬Έμžμ—΄λ‘œ λ‚˜λˆ”

Join() λ©”μ„œλ“œ

각 μš”μ†Œ λ˜λŠ” 멀버 사이에 μ§€μ •λœ ꡬ뢄 기호λ₯Ό μ‚¬μš©ν•˜μ—¬ μ§€μ •λœ λ°°μ—΄ μš”μ†Œλ‚˜ μ»¬λ ‰μ…˜ 멀버λ₯Ό μ—°κ²°

 

const str = '<b>μ•ˆλ…•ν•˜μ„Έμš”!</b> <b>μ΄μ„±ν˜Έ μž…λ‹ˆλ‹€.</b>';
console.log(str.split('<b>').join('').split('</b>').join(''));
// expected output: "μ•ˆλ…•ν•˜μ„Έμš”! μ΄μ„±ν˜Έ μž…λ‹ˆλ‹€."

 

λ‹€λ₯Έ 방법을 μ•Œκ³  계신 뢄은 λŒ“κΈ€μ— λ‚¨κ²¨μ£Όμ‹œλ©΄ κ°μ‚¬ν•˜κ² μŠ΅λ‹ˆλ‹€~😒