본문 바로가기
javascript/모던 자바스크립트 Deep Dive

String 객체

by yongfront 2024. 2. 21.
반응형
SMALL

자바스크립트의 String 객체는 텍스트 데이터를 나타내는 데 사용되며, 다양한 메서드를 통해 문자열을 조작할 수 있습니다. 여기에는 문자열의 생성, 검색, 변환, 분할 등을 위한 메서드가 포함됩니다. 다음은 자바스크립트에서 String 객체와 관련된 몇 가지 기본적인 예제입니다:

문자열 생성

자바스크립트에서 문자열을 생성하는 방법은 여러 가지가 있습니다. 가장 간단한 방법은 작은따옴표('), 큰따옴표("), 또는 백틱(``` `)을 사용하는 것입니다.

let str1 = 'Hello, world!';
let str2 = "Hello, world!";
let str3 = `Hello, world!`;

문자열 길이

문자열의 길이를 구하려면 length 속성을 사용합니다.

let str = 'Hello, world!';
console.log(str.length); // 13

문자열 연결

+ 연산자나 백틱을 사용한 템플릿 리터럴을 통해 문자열을 연결할 수 있습니다.

let str1 = 'Hello,';
let str2 = 'world!';
console.log(str1 + ' ' + str2); // "Hello, world!"
console.log(`${str1} ${str2}`); // "Hello, world!"

문자열 찾기

indexOf() 메서드를 사용하면 특정 문자열이 처음 나타나는 위치를 찾을 수 있습니다. 문자열이 없으면 **-1**을 반환합니다.

let str = 'Hello, world!';
console.log(str.indexOf('world')); // 7
console.log(str.indexOf('World')); // -1

문자열 대체

replace() 메서드를 사용하면 문자열 내의 특정 부분을 다른 문자열로 대체할 수 있습니다.

let str = 'Hello, world!';
let newStr = str.replace('world', 'JavaScript');
console.log(newStr); // "Hello, JavaScript!"

문자열 분할

split() 메서드를 사용하면 문자열을 배열로 분할할 수 있습니다. 분할 기준 문자를 인자로 전달합니다.

let str = 'Hello, world!';
let arr = str.split(', ');
console.log(arr); // ["Hello", "world!"]

문자열 추출

substring(), slice(), substr() 등의 메서드를 사용해 문자열의 특정 부분을 추출할 수 있습니다.

let str = 'Hello, world!';
console.log(str.substring(0, 5)); // "Hello"
console.log(str.slice(-6)); // "world!"
console.log(str.substr(7, 5)); // "world"

문자열을 대문자나 소문자로 변환

toUpperCase()toLowerCase() 메서드를 사용하면 문자열을 각각 대문자나 소문자로 변환할 수 있습니다.

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

자바스크립트의 String 객체와 메서드를 사용하면 문자열 데이터를 쉽게 처리하고 조작할 수 있습니다. 위의 예제들을 통해 문자열 작업의 기초를 이해할 수 있습니다.

728x90
반응형
LIST

'javascript > 모던 자바스크립트 Deep Dive' 카테고리의 다른 글

이터레이션 프로토콜  (0) 2024.02.21
심볼(Symbol)  (0) 2024.02.21
정규 표현식(Regular Expression)  (0) 2024.02.21
Number 와 Math  (0) 2024.02.21
배열의 고차함수  (0) 2024.02.10