Animated Turtle

Javascript

문자열 속성과 메서드

훙구 2023. 3. 29. 23:06

...

728x90
반응형

문자열 property, 문자열 method

문자열의 길이

문자열.length

위 형식으로 사용하면 문자열의 길이를 나타낼 수 있습니다. 문자열의 길이에는 공백도 포함됩니다.

const str = "Good morning!";
console.log(str.length)		// 14
const str1 = "안녕하세요";
console.log(str1.length)	// 5

문자열에서 문자의 위치 활용하기

문자열에서 특정 위치의 문자

문자열.charAt(위치)

위 형식으로 사용하면 문자열에서 특정 위치의 문자열을 가져올 수 있습니다. 인덱스로 표시하므로 0부터 시작합니다.

const str = "Good morning!"
console.log(str.charAt(3))		// d
console.log(str.[5])			// m

문자열에서 문자의 위치

indexOf(문자열)
indexOf(문자열, 위치)

위 형식으로 사용하면 문자열에서 부분 문자열이 어디에 있는지 검색할 수 있습니다. 첫 번째로 나오는 문자열의 위치 값을 가져오며 찾는 문자열이 없다면 -1이 나옵니다.

const str = "Good morning, everyone. Beautiful morning."
console.log(str.indexOf("morning"))					// 5
console.log(str.indexOf("evening"))					// -1
console.log(str.indexOf("morning", firstIndex+1)			// 34

문자열에 어떤 문자가 있는지 확인하기

특정 문자열로 시작하는지 확인

문자열.startsWith(문자 또는 문자열)

위 형식으로 사용하면 문자열이 특정 문자나 문자열로 시작하는지 확인할 수 있습니다. 대소문자를 구별하고 true, false의 결괏값이 나옵니다.

const str = "Hello, everyone."
console.log(str.startsWith("hello"))			// false
console.log(str.startsWith("Hello"))			// true
console.log(str.startsWith("He"))			// true

특정 문자열로 끝나는지 확인

문자열.endsWith(문자나 문자열)

위 형식으로 사용하면 반대로 특정 문자나 문자열로 끝나는지 확인할 수 있습니다.

const str = "Hello, everyone."
console.log(str.endsWith("everyone"))			// true
console.log(str.endsWith("Everyone"))			// false
console.log(str.endsWith("one"))			// true

특정 문자나 문자열이 포함되어 있는지 확인

문자열.includes(문자열)

위 형식으로 사용하면 특정 문자나 문자열이 포함되어 있는지 확인할 수 있습니다. true와 false의 결괏값을 가집니다.

const str = "Hello, everyone."
console.log(str.includes("every"))		// true

 

문자열 메서드 활용

문자열에서 앞, 뒤 공백 제거하기

문자열.trim()
문자열.trimStart()
문자열.trimEnd()

위 형식으로 사용하면 순서대로 앞뒤, 앞쪽, 뒤쪽 공백을 제거할 수 있습니다.

const str = " ab cd ef "
console.log(str.trim())					// "ab cd ef"
console.log(str.trimStart())				// "ab cd ef "
console.log(str.trimEnd())				// " ab cd ef"

문자열의 대소문자 바꾸기

문자열.toUpperCase()
문자열.toLowerCase()

위 형식으로 사용하면 순서대로 문자열을 모두 대문자로, 모두 소문자로 바꿀 수 있습니다.

const str = "Good Morning"
console.log(str.toUpperCase())		// GOOD MORNING
console.log(str.toLowerCase())		// good morning

부분 문자열 추출하기

문자열.substring(시작 위치)
문자열.substring(시작 위치, 끝 위치)

위 형식으로 사용하면 문자열의 시작 위치부터 끝 위치의 직전까지 추출할 수 있습니다. 끝 위치를 지정하지 않으면 문자열 끝까지 추출해서 반환합니다.

const str = "Good Morning."
console.log(str.substring(5))			// Morning.
console.log(str.substring(0, 4))		// Good
문자열.slice(시작 위치)
문자열.slice(시작 위치, 끝 위치)

위 형식으로 사용하면 substring과 거의 비슷하게 사용 가능하지만 시작 위치에 음수를 사용할 수 있다는 차이가 있습니다.

const str = "Good Morning."
console.log(str.slice(-5, 12))		// ning

구분자에 따라 문자 쪼개기

문자열.split(구분자)

위 형식에서 구분자에 " "(공백 지정)나, ""(공백 없이)를 사용하여 단어별 혹은 각각의 문자별로 문자열을 쪼개 새로운 배열로 반환할 수 있습니다.

const str = "Hello everyone."
const arr = str.split(" ")
const brr = str.split("")
console.log(arr)		// ["Hello", "everyone"]
console.log(brr)		// ["H", "e", "l", "l", "o", "e", "v", "e", "r", "y", "o", "n", "e"]

 

 

 

 

 

 

이상으로 문자열에 대한 메서드를 몇 가지 알아보았습니다 !

728x90
반응형