초보자를 위한 자바스크립트 문자 다루는 모든 방법 모음

오늘은 자바스크립트를 처음 공부하시는 분들을 대상으로, 자바스크립트에서 문자를 다루는 방법에 대해 알려드리려고 합니다.

자바스크립트는 문자열을 다루는데 매우 강력한 기능을 제공합니다. 문자열은 웹 개발에서 매우 중요한 역할을 합니다. 예를 들어, 사용자가 입력한 데이터를 검증하거나, 서버에서 받은 데이터를 가공하거나, 동적으로 HTML 문서를 생성할 때 문자열을 다루어야 합니다. 그렇기 때문에 자바스크립트를 공부하는 초보자라면 문자열 다루기는 필수적인 스킬이라고 할 수 있습니다.

자바스크립트에서 문자열을 만드는 방법은 크게 두 가지가 있습니다. 첫 번째는 문자열 리터럴을 이용하는 것이고, 두 번째는 String 객체를 생성하는 것입니다.

1. 문자열 리터럴을 이용하는 방법
문자열 리터럴은 작은따옴표(')나 큰따옴표(")로 둘러싸인 문자열입니다. 다음은 문자열 리터럴을 이용하여 문자열을 만드는 예시입니다.

 

자바스크립트 문자열 다루는 방법

 

2. String 객체를 생성하는 방법
String 객체를 생성하는 방법은 다음과 같습니다.

var str3 = new String('Hello, World!');
var str4 = new String('안녕하세요!');

하지만, 보통 문자열을 다룰 때는 문자열 리터럴을 이용하는 것이 더 편리하고, 성능상의 이점도 있기 때문에, 문자열 리터럴을 주로 이용합니다.

이제 자바스크립트에서 문자열을 다루는 방법에 대해 좀 더 자세히 살펴보겠습니다.

 

 

자바스크립트 문자열 길이 구하기
문자열 길이를 구하는 방법은 length 프로퍼티를 이용하는 것입니다.

 

자바스크립트 문자열 길이 구하기

 

JS 문자열 연결하기
문자열을 연결하는 방법은 덧셈 연산자를 이용하는 것입니다.

 

자바스크립트 문자열 합치기

또는 concat() 메소드를 이용하여 문자열을 연결할 수도 있습니다.

var str1 = 'Hello, ';
var str2 = 'World!';
console.log(str1.concat(str2)); // 'Hello, World!'

 

 

자바스크립트 문자열 자르기

문자열을 자르는 방법은 substring(), substr(), slice() 메소드를 이용하는 것입니다.

substring() 메소드는 시작 인덱스와 끝 인덱스를 지정하여 문자열을 자릅니다.

 

var str = 'Hello, World!';
console.log(str.substring(0, 5)); // 'Hello'

// substr() 메소드는 시작 인덱스와 자를 길이를 지정하여 문자열을 자릅니다.


var str = 'Hello, World!';
console.log(str.substr(0, 5)); // 'Hello'
// slice() 메소드도 substring() 메소드와 비슷하게 작동하지만, 음수 인덱스를 지원하고, 끝 인덱스를 지정하지 않을 경우, 문자열 끝까지 잘라냅니다.

var str = 'Hello, World!';
console.log(str.slice(0, 5)); // 'Hello'
console.log(str.slice(-6)); // 'World!'

 

 

자바스크립트 문자열 검색하기
문자열에서 특정 문자열을 검색하는 방법은 indexOf(), lastIndexOf(), includes() 메소드를 이용하는 것입니다.

indexOf() 메소드는 문자열에서 처음으로 검색된 인덱스를 반환합니다. 검색어를 찾지 못한 경우, -1을 반환합니다.

var str = 'Hello, World!';
console.log(str.indexOf('World')); // 7
console.log(str.indexOf('JavaScript')); // -1
// lastIndexOf() 메소드는 문자열에서 마지막으로 검색된 인덱스를 반환합니다.


var str = 'Hello, World!';
console.log(str.lastIndexOf('o')); // 8
// includes() 메소드는 문자열에 검색어가 포함되어 있는지 여부를 true 또는 false로 반환합니다.


var str = 'Hello, World!';
console.log(str.includes('World')); // true
console.log(str.includes('JavaScript')); // false

 

자바스크립트 문자열 대소문자 변경하기
문자열을 대문자 또는 소문자로 변경하는 방법은 toUpperCase(), toLowerCase() 메소드를 이용하는 것입니다.

var str = 'Hello, World!';
console.log(str.toUpperCase()); // 'HELLO, WORLD!'
console.log(str.toLowerCase()); // 'hello, world!'

 

 

JS 문자열 분할하기
문자열을 분할하는 방법은 split() 메소드를 이용하는 것입니다. split() 메소드는 구분자를 기준으로 문자열을 나누어 배열로 반환합니다.

var str = 'Hello, World!';
console.log(str.split(' ')); // ['Hello,', 'World!']