[JavaScript] 문자열 다루기 Step#3

오늘은 드디어 JavaScript 문자열 다루기 마지막 단계입니다.

오늘도 재미있게 배워 JavaScript로 문자열 다루기 잘해봐요~ ^^

 

 

 

 

이전 블로그 못 보신 분들은 여기부터 눌러서 보고 오세요~

 

 

2022.03.21 - [컴공생의 Expertise/Algorithm] - [JavaScript] 문자열 다루기 Step#1

[JavaScript] 문자열 다루기 Step#1

 

 

2022.03.29 - [컴공생의 Expertise/Algorithm] - [JavaScript] 문자열 다루기 Step#2

[JavaScript] 문자열 다루기 Step#2

 

 

 

주로 많이 사용하는 문자열 다루는 방법들 입니다~

여기서 오늘은 아래 굵게 색칠된 함수를 알아가보겠습니다!! 

 

 

 

 

[String(문자열) 다루는 방법]

• 문자열 연산자
• charAt()
• concat()
• includes()
• indexOf() / lastIndexOf()
• replace()
• slice()
• split()
• substring()
• toLowerCase() / toUpperCase()
• toString()
• trim()

 

 

 

 

◎ substring()

문자열을 "자를" 수 있습니다.

즉, 간단하게 문자열을 조작하여 잘라낼 수 있다는겁니다~

그럼 간단한 예제를 통해 substring()을 알아가볼까요??

 

 

 

const str = "Hello World!!";

console.log(str.substring(5, 10));	// World

console.log(str.substring(10)); 	// !!

 

 

 

위 예제를 통해 알아본 바 두가지 방법으로 사용할 수 있는거같아요~

첫번째는 substring(startIndex, endIndex)로

startIndex부터 시작해서 endIndex 전까지 문자열을 잘라주네요~ ^^

여기서 키 포인트!!!

endIndex는 포함되지 않고 그 전까지만 잘라준다는거 명심해서 사용하시기 바랄께요~

 

 

 

 

두번째는 substring(startIndex)로

startIndex부터 시작해서 끝까지 문자열을 자를 수 있네요~

여기서 특이한게 endIndex는 없어도 되는건가봐요!! ^^

 

 

 

 

또한, substring()은 원본 문자열에 영향을 끼치지 않으니

편하게 쓸 수 있을꺼같아요!! :D

 

 

 

 

◎ toLowerCase() / toUpperCase()

이 함수는 정말 실용적이고 사용하기 편해요!!

함수 이름과 같이 toLowerCase()는 모든 문자열을 소문자로

toUpperCase()는 모든 문자열을 대문자로 바꿔주는 함수입니다!!

간단하게 예제로 알아가볼께요~

 

 

 

 

const str = "Hello World";

console.log(str.toLowerCase());	// hello world

console.log(str.toUpperCase());	// HELLO WORLD

 

 

 

 

정말 신기하지 않나요??

저는 이 함수만으로 문자열이 모두 소문자로~ 대문자로~ 바뀌는게 너무 신기하고 좋았어요!!

정말 간편하지만 유용하게 쓰이는 함수가 될꺼예요~

또 좋은 점은 이 함수 역시 원본 문자열에 영향을 주지 않는다는거!! 명심하고 넘어갈께요~

 

 

 

 

◎ toString()

이 함수는 어떤 객체(Object)이든 문자열로 바꿔주는 마법과 같은 함수입니다.

즉, 문자열 다루기에서 정말 중요한 함수입니다.

하지만 문자열 변수보다는 다른 변수에서 많이 활용하죠!!

그럼 예제로 활용법에 대해서 알아볼께요~

 

 

 

 

const strObj = new String('Hello World');

console.log(strObj);		// String { "Hello World" }

console.log(strObj.toString());	// "Hello World"

const number = 123456789;

console.log(number);		// 123456789

console.log(number.toString();	// "123456789"

 

 

 

 

이번엔 출력 문구를 비교하기 쉽게 작성해보았어요~

첫번째는 생성한 String 객체를 문자열로 바꿔봤고요!!

두번째는 숫자인 Number 형 변수를 문자열로 바꿔봤습니다~

즉, 어떤 객체이든 toString() 함수를 통해 문자열로 바꿀 수 있으니~

정말 간편하게 사용할 수 있고 활용도도 높을 것 같아보이죠!! ^^

 

 

 

 

◎ trim()

마지막으로 trim()은 문자열의 양 끝 공백을 제거해주는 함수입니다.

진짜 신기하지 않나요??

입력된 문자열에 대해서 양 옆에 공백을 제거해주는 함수도 있다니~ :O

그럼 마지막 예제로 알아볼게요~

 

 

 

 

const str = "       Hello World!!!     ";

console.log(str);			// "       Hello World!!!     "

console.log(str.trim());	// "Hello World!!!"

 

 

 

 

위에 trim() 함수의 설명처럼 진짜 공백만 딱 없애주네요~ 

여기서 더 신기한 점은 공백은 일반 Space바를 통한 띄어쓰기 뿐만아니라

Tab을 통한 공백, Enter와 같은 줄바꿈 모두 공백으로 보고 없애준답니다~ 

 

 

 

 

그럼 오늘은 subString(), toLowerCase() / toUpperCase(), toString(), trim()를 알아보았습니다~

이것으로 이제 JavaScript로 문자열 다루기는 잘 할 수 있겠어요!!

알고리즘에서도 문자열 다루기는 기본 중에 기본이니

정말 유용하게 알고리즘 문제 풀 때 활용해보시기 바랄께요~ :D

 

 

 

 

그럼 멋진 개발자가 되길 바라며

저는 20000.