자바스크립트에서 문자열은 매우 중요한 데이터 유형입니다. 문자열을 조작하거나 수정해야 할 때가 종종 있습니다. 이번 블로그에서는 자바스크립트에서 문자열 중간에 문자를 추가하는 다양한 방법을 알아보겠습니다.
1. 문자열 연결 (+) 연산자 사용하기
가장 간단한 방법은 문자열 연결 연산자인 (+)를 사용하는 것입니다. 이 연산자는 문자열을 이어붙이는 역할을 합니다. 예를 들어, 문자열 'Hello'의 중간에 ' World'를 추가하려면 다음과 같이 작성할 수 있습니다:
let str = 'Hello';
str += ' World';
console.log(str); // 출력 결과: 'Hello World'
문자열 변수 str에 'Hello'를 할당한 후, 변수와 문자열 연결을 위해 += 연산자를 사용하여 ' World'를 추가합니다. 이후, console.log()를 사용하여 결과를 출력하면 'Hello World'라는 문자열이 출력됩니다.
또 다른 방법은 String.prototype.slice() 메소드를 사용하여 원래 문자열을 잘라내고 새 문자열을 추가하는 것입니다:
let str = 'Hello';
str = str.slice(0, 3) + 'p' + str.slice(3);
console.log(str); // 출력 결과: 'Helplo'
문자열 변수 str에 'Hello'를 할당한 후, 문자열을 자른 후(slice) 'p'를 추가합니다. 지정한 범위(0부터 3까지)의 문자열을 잘라내고 'p'를 넣은 후, 나머지 부분을 추가합니다. console.log()를 사용하여 결과를 출력하면 'Helplo'라는 문자열이 출력됩니다.
또 다른 방법은 String.prototype.replace() 메소드를 사용하여 원하는 위치에 문자열을 추가하는 것입니다:
let str = 'Hello';
str = str.replace('l', 'lp');
console.log(str); // 출력 결과: 'Helplo'
문자열 변수 str에 'Hello'를 할당한 후, 'l'을 찾아 'lp'로 교체합니다. console.log()를 사용하여 결과를 출력하면 'Helplo'라는 문자열이 출력됩니다.
또 다른 방법은 String.prototype.substring() 메소드를 사용하여 원하는 위치에 문자열을 추가하는 것입니다:
let str = 'Hello';
str = str.substring(0, 3) + 'p' + str.substring(3);
console.log(str); // 출력 결과: 'Helplo'
문자열 변수 str에 'Hello'를 할당한 후, 문자열을 잘라내고(substring) 'p'를 추가합니다. 지정한 범위(0부터 3까지)의 문자열을 잘라내고 'p'를 넣은 후, 나머지 부분을 합칩니다. console.log()를 사용하여 결과를 출력하면 'Helplo'라는 문자열이 출력됩니다.
마지막으로, 문자열을 잘라내는 substring() 메소드를 사용하여 중간에 문자열을 추가할 수 있습니다:
let str = 'Hello';
let index = 3;
str = str.substring(0, index) + 'p' + str.substring(index);
console.log(str); // 출력 결과: 'Helplo'
위 예제에서, index 변수를 사용하여 추가하고자 하는 위치(3)를 지정합니다. 문자열 변수 str을 index 위치로 자른 후, 'p'를 추가한 후, 나머지 부분을 합칩니다. console.log()를 사용하여 결과를 출력하면 'Helplo'라는 문자열이 출력됩니다.
자바스크립트에서 문자열 중간에 문자를 추가하는 다양한 방법을 알아보았습니다. 문자열을 조작하거나 수정해야 할 때, 이러한 방법들이 유용하게 사용될 수 있습니다. 이러한 방법들을 충분히 이해하고 응용하여 원하는 대로 문자열을 조작할 수 있기를 바랍니다.