자바스크립트는 다양한 문자열 연산을 지원하여 변수에 저장된 문자열들을 쉽게 조합하거나 처리할 수 있습니다. 이번 블로그 포스트에서는 자바스크립트에서 문자열을 연산하는 방법에 대해 알아보겠습니다.
1. 문자열 연결 (String Concatenation)
자바스크립트에서는 문자열을 + 연산자를 사용하여 연결할 수 있습니다. 예를 들어, 두 개의 변수에 저장된 문자열을 연결하려면 다음과 같이 작성할 수 있습니다.
var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2;
console.log(result); // 출력: Hello World
위 예제에서 str1 변수와 str2 변수를 + 연산자로 연결하여 result 변수에 저장한 후, console.log() 함수를 사용하여 결과를 출력했습니다.
2. 문자열 치환 (String Interpolation)
ES6(ES2015)부터는 템플릿 리터럴(Template Literal)이라는 문법이 추가되어, 문자열 내에서 변수 값을 치환할 수 있습니다. 템플릿 리터럴은 백틱(`)으로 감싸진 문자열입니다. 변수 값을 문장 중간에 직접 넣을 수 있기 때문에 가독성이 좋고 편리합니다.
var name = "Alice";
var age = 25;
var message = `안녕하세요! 제 이름은 ${name}이고, 나이는 ${age}살 입니다.`;
console.log(message); // 출력: 안녕하세요! 제 이름은 Alice이고, 나이는 25살 입니다.
위 예제에서는 name 변수와 age 변수의 값을 템플릿 리터럴 안에서 ${}로 감싸서 치환했습니다. 이렇게 하면 문자열 내에서 변수 값을 쉽게 사용할 수 있습니다.
3. 문자열 연산 메서드 (String Manipulation Methods)
자바스크립트에는 문자열을 다루기 위한 많은 메서드들이 내장되어 있습니다. 이들 메서드를 사용하여 문자열을 분리, 조합, 변경 및 검색할 수 있습니다.
concat(): 두 개의 문자열을 연결합니다.substring(): 문자열의 일부를 추출합니다.slice(): 문자열의 일부를 추출합니다. (음수 인덱스 사용 가능)replace(): 특정 문자열을 다른 문자열로 대체합니다.split(): 문자열을 분리하여 배열로 반환합니다.toLowerCase(): 문자열을 소문자로 변환합니다.toUpperCase(): 문자열을 대문자로 변환합니다.trim(): 문자열 양쪽의 공백을 제거합니다.
이러한 메서드들은 문자열에 대한 다양한 조작을 수행하는 데 도움이 됩니다. 예를 들어, substring() 메서드를 사용하여 문자열의 일부를 추출하거나, replace() 메서드를 사용하여 특정 단어를 다른 단어로 바꿀 수 있습니다.
var sentence = "I love JavaScript";
var partial = sentence.substring(2, 6);
console.log(partial); // 출력: love
var newSentence = sentence.replace("JavaScript", "Python");
console.log(newSentence); // 출력: I love Python
위 예제에서는 substring() 메서드로 sentence 변수에서 부분 문자열을 추출하고, replace() 메서드로 sentence 변수의 단어를 다른 단어로 대체했습니다.
결론
자바스크립트에서는 변수의 문자열을 연결하거나, 변수 값을 문자열에 치환하거나, 문자열을 조작하기 위한 다양한 메서드를 활용할 수 있습니다. 위 예제 코드들을 통해 자바스크립트에서 문자열 연산에 대한 기본적인 사용법을 익혔다면, 실제 프로젝트에서 더 체계적으로 문자열을 다룰 수 있을 것입니다.
Happy coding!