어떤 문자열의 중간에 특정 문자를 넣거나, 문자열을 추가하는 방법에 대해서 알아보겠습니다.

예를 들어, 아래와 같이 “Hello World” 문자열의 중간에 ,를 추가하여 “Hello, World”로 만들 수 있습니다.

Hello World -> Hello, World

1. slice()를 이용한 방법

slice(start, end)는 문자열에서 start Index를 포함하고 end Index를 포함하지 않는 범위의 문자열을 잘라서 리턴합니다.

  • slice(start)는 start Index에서 문자열 끝까지 잘라서 리턴

이것을 이용하여, 어떤 문자열을 특정 Index를 기준으로 두개의 문자열로 나누고, 중간에 특정 문자나 문자열을 추가할 수 있습니다.

let originalString = "Hello World";
let insertString = ",";
let index = 5;

let newString = originalString.slice(0, index) + insertString + originalString.slice(index);
console.log(newString);

Output:

Hello, World

2. substring()을 이용한 방법

substring()도 slice()와 비슷하며, 아래와 같이 동작합니다.

  • substring(start, end) : start Index를 포함하고 end를 포함하지 않는 범위의 문자열을 잘라서 리턴
  • substring(start) : start Index부터 문자열 끝까지 범위의 문자열을 잘라서 리턴

아래 예제처럼 substring()을 사용하여 특정 인덱스 기준으로 문자열을 분리할 수 있고, 가운데 문자나 문자열을 추가할 수 있습니다.

let string = "Hello World";
let insertString = ",";
let index = 5;

let newString = string.substring(0, index) + insertString + string.substring(index);

console.log(newString);

Output:

Hello, World

3. slice()와 substring()의 차이점

이 두 함수는 비슷하지만, 약간의 차이점이 있습니다.

자세한 내용은 substring()과 slice()의 차이점 페이지에 잘 정리되어있으니, 궁금하신 분은 참고하시면 됩니다.