[자바스크립트 시리즈] javascript 문자 자료구조 및 내장함수

자바스크립트

본론에 앞서

안녕하세요! 이글에서 자바스크립트 시리즈 - javascript 문자 자료구조 및 내장함수 예제 알아보겠습니다.

 

요즘 일이 바빠서 자바스크립트 시리즈를 못 올렸는데 오늘은 시간이 남아서 자바스크립트를 다룰 때 가장 중요한 문자열 객체와 내장함수에 대해서 공부를 했습니다!^^

 

자바스크립트는 웹/앱, 백엔드 개발에서 가장 많이 사용되는 프로그래밍 언어 중 하나입니다.

특히 문자열 자료구조의 처리 작업은 자바스크립트에서 매우 중요합니다.

 

문자열 객체와 내장함수를 활용하면 문자열을 쉽게 조작하고 변환할 수 있습니다.

 

이번 글을 통해서 자바스크립트 문자 자료구조 및 내장함수에 대해서 자세히 알아보겠습니다!

 

자바스크립트 시리즈

2024.07.26 - [개발/javascript] - [자바스크립트 시리즈] javascript 함수 스코프 이해하기

[자바스크립트 시리즈] javascript 함수 스코프 이해하기

 

 

2024.07.28 - [개발/javascript] - [자바스크립트 시리즈] javascript 숫자 자료구조 및 내장함수

[자바스크립트 시리즈] javascript 숫자 자료구조 및 내장함수

 

---

 

자바스크립트 문자열이란?

자바스크립트에서 문자열(string)은 텍스트 데이터를 나타내는 데 사용합니다.

문자열은 큰따옴표(" "), 작은따옴표(' '), 또는 백틱(``)으로 감싸서 문자열을 정의할 수 있습니다.

문자열 생성 방법

문자열 리터럴

문자열 리터럴은 가장 많이 사용되는 방법이며 간단하게 문자열을 정의할 수 있습니다.

let str1 = "Hello, World!";let str2 = 'JavaScript is fun!';let str3 = `This is a template literal`;

 

String 객체

String 객체를 사용하여 문자열을 생성할 수 있습니다.

let str4 = new String("Hello, World!");

 

문자열 개체의 속성과 메서드 사용법

자바스크립트 문자열(string) 객체는 다양한 속성과 메서드를 제공합니다.

이 메서드를 사용하면 문자열을 더 편리하고 효율적으로 다룰 수 있습니다.

문자열 length 속성

length 속성을 사용해서 문자열의 길이를 측정할 수 있습니다.

let str = "Hello, World!";console.log(str.length); // 13

 

문자열 공백 제거

문자열 양 끝의 공백을 제거합니다.

trim() 메서드

let str = " Hello, World! ";let trimmedStr = str.trim();console.log(trimmedStr); // "Hello, World!"

 

문자열 결합

문자열을 결합하는 방법에는 2가지 방법이 있습니다.

 

concat() 메서드

let str1 = "Hello";let str2 = "World";let result = str1.concat(", ", str2, "!"); console.log(result); // "Hello, World!"

 

+연산자

let str1 = "Hello";let str2 = "World";let result = str1 + ", " + str2 + "!";console.log(result); // "Hello, World!"

 

문자열을 배열로 분할

문자열을 배열로 분할하기 위해서 split() 메서드를 사용합니다.

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

 

문자열 부분 문자 추출

문자열을 부분 문자열을 추출하는 여러 메서드가 있습니다.

 

substring() 메서드

문자열 접근을 위해 지정된 인데스 사이의 문자들을 반환하는 . substring(startIndex, endIndex)를 사용할 수 있습니다.

let str = "Hello, World!";let substr = str.substring(7, 12);

 

substaring()에 매개변수 endIndex를 전달하지 않으면 지정된 시작 위치부터 끝까지 모든 문자 값들을 반환합니다.

let str = "Hello, World!";let substr = str.substring(1);console.log(substr); // "ello, World!"
 slice() 메서드let str = "Hello,
World!"; let substr = str.slice(7, 12);
console.log(substr); // "World"

 

문자열 검색

문자열 내에 특정 문자열을 찾기 위해서 사용되는 다양한 메서드들이 있습니다. indexOf()

 

indexOf() 메서드

. indexOf() 함수는 일치하는 문자열의 위치를 반환합니다.

일치하지 않는 문자열일 경우에는 -1이 반환됩니다.

let str = "Hello, World!";let index = str.indexOf("World");console.log(index); // 7let index = str.indexOf("HI");console.log(index); // -1

 

lastIndexOf() 메서드

let str = "Hello, World! World!";let index = str.lastIndexOf("World");
console.log(index); // 13

 

문자열 치환

문자열 내의 특정 부분을 다른 문자열로 바꿀 수 있습니다.

replace() 메서드

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

 

자바스크립트 문자 자료구조 및 내장함수 마지막으로?

이번 글을 통해서 자바스크립트 문자 자료구조 및 내장함수에 대해서 알아봤습니다.

더 다양하고 유용한 문자열 메서드들이 존재하지만 필자는 실무에서 유용하게 사용할 수 있는 문자열 객체와 내장함수들을 정리해 봤습니다.

 

자바스크립트에서 문자열 객체와 다양한 내장함수를 이해하면 문자열을 보다 효과적으로 다루고 유용한 메서드를 사용하실 수 있습니다.

자바스크립트 1탄과 2탄, 3탄을 정리하면서 더 나은 자바스크립트 프로그래밍을 할 수 있도록 정리하고 글을 쓰고 있습니다.

 

다음번에는 자바스크립트 정규식에 대해서 알아보겠습니다.

 

---

 

 

필자의 잘못된 부분이나 피드백은 언제든지 댓글로 남겨주세요!

감사합니다^^

 

 

 

https://itibiza.tistory.com/entry/%EB%8F%88-%EC%95%84%EB%81%BC%EB%8A%94-%EB%85%B8%ED%8A%B8%EB%B6%81-%EC%84%B1%EB%8A%A5-%ED%96%A5%EC%83%81-%EA%BF%80%ED%8C%81

돈 아끼는 노트북 성능 향상 꿀팁