JavaScript는 문자열 조작 및 포매팅을 위해 다양한 기능을 제공합니다. 여기서는 jQuery를 활용하여 문자열 조작과 포매팅을 수행하는 방법에 대해서 알아보겠습니다.

1. 문자열 연결하기

문자열을 연결하기 위해서는 + 연산자를 사용합니다.

var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2; // "Hello World"

2. 문자열 길이 가져오기

문자열의 길이를 가져오기 위해서는 length 속성을 사용합니다.

var str = "Hello World";
var length = str.length; // 11

3. 문자열 자르기

문자열을 특정 위치에서 잘라내기 위해서는 slice 메서드를 사용합니다.

var str = "Hello World";
var slicedStr = str.slice(6); // "World"

4. 문자열 대소문자 변환하기

문자열을 대문자 혹은 소문자로 변환하기 위해서는 toUpperCase 혹은 toLowerCase 메서드를 사용합니다.

var str = "Hello World";
var uppercaseStr = str.toUpperCase(); // "HELLO WORLD"
var lowercaseStr = str.toLowerCase(); // "hello world"

5. 문자열 포맷팅하기

문자열 내부에 변수 값을 동적으로 포맷팅하기 위해서는 jQuery의 format 메서드를 사용할 수 있습니다.

var name = "John";
var age = 30;
var formattedStr = $.format("My name is {0} and I am {1} years old.", name, age);
// "My name is John and I am 30 years old."

위의 예시에서 {0}와 {1}은 name과 age 변수 값을 대체하는데 사용됩니다.

6. 문자열 검색하기

문자열 내에서 특정 패턴을 검색하기 위해서는 indexOf 메서드를 사용합니다.

var str = "Hello, World";
var searchStr = "World";
var index = str.indexOf(searchStr); // 7

indexOf 메서드는 검색 결과로 해당 패턴이 처음 등장하는 위치의 인덱스를 반환합니다. 패턴이 존재하지 않는 경우 -1을 반환합니다.

이상으로 JavaScript와 jQuery를 사용하여 문자열 조작과 포매팅을 구현하는 방법에 대해서 알아보았습니다. 추가적인 정보는 jQuery 공식 문서를 참고하시기 바랍니다.

참고 자료

• jQuery 공식 문서