[JavaScript] 문자열

length

문자열의 길이를 알려주는 속성

let greeting = "hello";
console.log(greeting.length); //5

indexOf()

indexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환한다. 일치하는 값이 없으면 -1을 반환한다.

let greeting = "Hello, Alex";
console.log(greeting.indexOf("o")); //4

includes()

includes() 메서드는 하나의 문자열이 다른 문자열에 포함이 되어 있는지를 판별하고 불린값으로 반환한다. 포함이 되어 있으면 true 포함이 되어 있지 않으면 false 를 반환한다.

let greeting = "Hello, Alex";
console.log(greeting.includes("o")); //true
console.log(greeting.includes("Hi")); //false

split()

문자열을 지정한 구분자를 이용하여 여러 개의 문자열로 나눈다. 나눈 문자열은 배열로 반환된다.

let sentence = "I like listening to music";
console.log(sentence.split(" ")); //['I', 'like', 'listening', 'to', 'music']
console.log(sentence.split(""));  //['I', ' ', 'l', 'i', 'k', 'e', ' ', 'l', 'i', 's', 't', 'e', 'n', 'i', 'n', 'g', ' ', 't', 'o', ' ', 'm', 'u', 's', 'i', 'c']

toUpperCase()

문자열의 소문자들을 대문자로 바꿔준다.

let greeting = "Hello, Alex";
console.log(greeting.toUpperCase()); //'HELLO, ALEX'

toLowerCase()

문자열의 대문자들을 소문자로 바꿔준다.

let greeting = "Hello, Alex";
console.log(greeting.toLowerCase()); //'hello, alex'

slice()

문자열의 일부를 추출하면서 새로운 문자열을 반환한다.

parameter로는 startIndex와 endIndex가 들어가며, 1개만 적을 시 startIndex로 인수를 받는다.

let sentence = "I like listening to music";
console.log(sentence.slice(15)); //'g to music'
console.log(sentence.slice(0,4)); //'I li'

substring()

시작 인덱스로 부터 종료 인덱스 전 까지 문자열의 부분 문자열을 반환한다.

parameter로는 startIndex와 endIndex가 들어가며, 1개만 적을 시 startIndex로 인수를 받는다.

let sentence = "I like listening to music";
console.log(sentence.substring(15)); //'g to music'
console.log(sentence.substring((0,4)); //'I li'

 

💡 slice()와 substring()의 차이점 startIndex의 값이 endIndex의 값보다 클 경우

• substring()은 startIndex와 endIndex의 값을 바꾸어서 처리한다.
• slice()는 빈문자열""을 반환한다.

startIndex 또는 endIndex의 값이 음수인 경우

• substring()은 음수를 0 으로 취급한다.
• slice()는 string의 가장 뒤에서 음수의 절대값만큼 내려온 index로 취급한다. 단, string의 길이보다 음수의 절댓값이 더 크면 0 으로 처리한다. 또한 endIndex의 음수 절댓값이 startIndex보다 클 경우 0 으로 처리하고 빈문자열"" 을 반환한다.

템플릿 리터럴(Template literals)

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 템플릿 리터럴을 사용하기 위해서는 백틱````을 사용해야한다. 표현식을 일반 문자열에 삽입하기 위해서는 $와 {}를 사용해야한다.${변수명}

let name =  "Alex";
`Hello my name is ${name}. Nice to meet you!` 
//'Hello my name is Alex. Nice to meet you!'