학습목표 정리

[JS/Node] 기초 Chapter - 문자열

he2mo 2021. 8. 7. 13:14

 

Achievement Goals

 

  • 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다.

 

  • 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length

 

let str = 'string'
str.length // 6​

 

  • 문자열의 글자 하나하나에 접근할 수 있다. str[1]

 

문자열은 각 위치에 따른 위치값을 index로 갖고 있기 때문에 index를 이용하여 접근할 수 있다.

 

let str = 'string'
str[0] // 's'
str[1] // 't'
str[2] // 'r'
str[3] // 'i'
str[4] // 'n'
str[5] // 'g'​

 

  • 문자열을 합칠 수 있다. word1 + " " + word2

 

let word1 = 'a';
let word2 = 'b';
word1 + ' ' + word2 // 'a b'

 

  • 문자열을 원하는 만큼만 선택할 수 있다. str.slice(0, 3) 또는 str.substring(0, 3)

 

mdn str.slice
mdn str.substring

 

  • 영문을 모두 대문자로 바꿀 수 있다. str.toUpperCase()

 

console.log('alphabet'.toUpperCase()); // 'ALPHABET'

 

  • 영문을 모두 소문자로 바꿀 수 있다. str.toLowerCase()

 

console.log('ALPHABET'.toLowerCase()); // 'alphabet'

 

  • 문자열 중 원하는 문자의 index를 찾을 수 있다 str.indexOf('a') 또는 str.lastIndexOf('a')

 

indexOf() 는 주어진 값과 일치하는 첫 번째 인덱스를 반환하고 일치하는 값이 없으면 -1을 반환한다.

 

console.log('banana'.indexOf('a')) // 1

 

lastIndexOf() 는 indexOf() 와 반대로 역순으로 탐색한다. 

 

console.log('banana'.lastIndexOf('a')) // 5

 

  • 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다. str.includes('a')

 

'banana'.includes('a') // true

 

Advanced Challanges

 

  • 띄어쓰기 (" ") 로 문자열을 구분하여 배열로 바꿀 수 있다. str.split(" ")

 

const str = "The quick brown fox jumps over the lazy dog.";
const words = str.split(" ");
console.log(words)
// ["The", "quick", "brown", "fox", "jumps", "over", "the", "lazy", "dog."]

 

  • 위의 배열의 요소 사이에 띄어쓰기 (" ") 넣어 다시 문자열로 바꿀 수 있다. str.split(" ").join(" ")

 

console.log(words.join(" "))
// "The quick brown fox jumps over the lazy dog."

 

 

 

 

  •  

 

  •  

 

 

  •  

 

'학습목표 정리' 카테고리의 다른 글

[HTML, CSS] 기초 - HTML 기초  (0) 2021.08.09
[JS/Node] 기초 Chapter - 반복문  (0) 2021.08.07
[JS/Node] 기초 Chapter - 조건문  (0) 2021.08.04
[JS/Node] 기초 Chapter - 함수  (0) 2021.08.03
[JS/Node] 기초 Chapter - 타입  (0) 2021.08.03