JS - String의 편한 조작을 위한 메소드

String

코드를 작성할 때 어떤 언어를 이용하게 되든 문자열을 조작해야 될 일이 무조건 생기게 된다.
특히 자바스크립트는 웹페이지에 연관된 동작을 할 일이 많으므로 문자열을 조작할 일이 더 많다고 할 수 있겠다.
자바스크립트를 사용하는 개발자들을 위해 자바스크립트에서는 문자열을 보다 쉽게 조작할 수 있도록 내장 메소드를 제공하고 있다.

toUpperCase() / toLowerCase()

let name = 'sanha kil';

console.log('sanha kil' === name); // true
console.log('Sanha Kil' === name); // false

위 코드와 같이 자바스크립트에서 문자열은 대소문자를 구분한다.
다만 편의상 대소문자를 변환해야 할 경우를 위해 자바스크립트는 toUpperCase, toLowerCase를 제공한다.

let name = 'Sanha Kil';

console.log(name.toUpperCase()); // SANHA KIL
console.log(name.toLowerCase()); // sanha kil

length

배열과 마찬가지로 length를 사용하면 글자의 길이를 알 수 있다.

let nickname = 'kildong hong'
const len = nickname.length

if (len < 10) {
	alert('적당한 닉네임 길이입니다')
} else {
	alert('닉네임이 너무 깁니다!')
}
// '닉네임이 너무 깁니다!'

indexOf()

긴 문자열에서 특정 문자를 찾아 다른 문자열로 바꿔주거나 삭제해야 할 때 일일이 한문자씩 순회할 필요를 없애주는 내장 메소드다.

특정 문자열을 인수로 받아 해당 문자열의 첫 글자의 인덱스를 반환하며 해당 문자열이 없는 경우 -1을 반환한다.

let nongsim = "신라면 짜파게티 사리곰탕"
const index = nongsim.indexOf("짜파게티");  // index = 4

slice()

문자열을 특정 부분부터 또다른 특정 부분까지 잘라주는 메소드이다.

🚨 주의: 두번째 인수로 받는 문자열의 끝부분은 포함하지 않는다!

let nongsim = "신라면 짜파게티 사리곰탕"
console.log(nongsim.slice(4, 9))  // result "짜파게티"

ps. 파이썬만큼 문자열을 다루는 기능이 강력하진 않지만 C언어보단...