Chapter. 문자열

📌Achievement Goals

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

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

  • 문자열의 글자 하나하나에 접근할 수 있다 ✅

  • 문자열을 합칠 수 있다 ✅

  • 문자열을 원하는 만큼만 선택할 수 있다 ✅

  • 영문을 모두 대문자로 바꿀 수 있다 ✅

  • 영문을 모두 소문자로 바꿀 수 있다 ✅

  • 문자열 중 원하는 문자의 index를 찾을 수 있다 ✅

  • 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다 ✅


📌Chapter Contents

간단한 문자열 속성

  • 문자열의 길이 확인 : str.length
  • 문자열을 합칠 수 있다 : str1 + '' + str2
  • 문자열의 영문을 대문자로 바꿀 수 있다 : str.toUpperCase()
  • 문자열의 영문을 소문자로 바꿀 수 있다 : str.toLowerCase()

문자열에서 문자 가져오기

  • 문자열에서 글자 하나씩 도출하기 : str[]
    : [] 안에 도출하고 싶은 글자의 순서를 넣으면 된다.
  • e.g.str[]
var str = 'velogOfDoha'
console.log(str[0]); //'d'
console.log(str[4]); //'I'

👉 글자가 1부터가 아닌 0부터 시작한다

  • 지정된 영역의 문자를 도출하기 : str.substring(start, end), str.slice(start, end)
    : 도출하고 싶은 영역을 정해 start와 end에 대입한다.
  • e.g.str.substring(start, end), str.slice(start, end)
var str = 'velogOfDoha'
console.log(str.substring(0, 5)); //'velog'
console.log(str.substring(5, 0)); //'velog'
console.log(str.slice(0, 5)); // 'velog'
console.log(str.slice(5, 0));// 'velog'

👉 글자에 끝에 해당되는 수의 글자는 도출되지 않는다 즉, 도출하고 싶은 수보다 하나 많게 수를 작성해야한다.

문자열에서 원하는 문자 찾기

  • 문자열에서 원하는 문자의 포함 여부를 알 수 있다
    -> str.includes(searchValue)
  • e.g.str.includes(searchValue)
'Hello'.includes('o'); // true
'Hello'.includes('i'); // false
  • 문자열에서 원하는 문자의 index를 찾을 수 있다
    -> str.indexOf(searchValue), str.lastIndexOf(searchValue)
    str.indexOf(searchValue) : 찾고자 하는 문자열을 앞에서 부터 찾는다.
    str.lastIndexOf(searchValue) : 찾고자 하는 문자열을 뒤에서 부터 찾는다.

  • e.g.str.indexOf(searchValue)

'velogOfDoha'.indexOf('velog'); // 0
'velogOfDoha'.indexOf('Velog'); // -1
'velogOfDoha'.indexOf('Doha'); // 7

👉 찾고자 하는 문자열이 없으면 -1로 도출된다.

문자열 분리하기

  • 기준을 통해 문자열을 분리할 수 있다
    -> str.split(seperator)
  • e.g.str.split(seperator)
var str = 'Hello My name is Doha'
console.log(str.split('')); //빈칸을 기준으로 분리한다
// ['Hello', 'My', 'name', 'is', 'Doha']

📌FYI

str.slice(start, end)str.substring(start, end) 차이점

  • str.substring(start, end) : '-'값을 0으로 인식한다.

  • str.slice(start, end) : '-'값을 문자를 뒤에서부터 이동한 값으로 인식한다.

  • e.g.

var str = 'ABCDEFGHIJKLM'
str.substring(3, -4) // 'ABC'
str.slice(3, -4) // 'DEFG'

📌summary

  • 문자열은 길이를 확인할 수 있고, 합칠 수 있다.
  • 영문을 대문자, 소문자로 바꿀 수 있다.
  • 글자를 도출하기 위해서는 str[]을 사용하면 된다.
  • str.substring(start, end), str.slice(start, end)
    를 사용하면 원하는 구역의 문자를 도출 할 수 있다.
  • 원하는 문자의 포함 여부를 알기 위해서는 str.includes()를 사용하면 된다.
  • 원하는 문자의 index를 찾기 위해서는 str.indexOf()를 사용하면 된다.
  • str.split()을 이용해 문자열을 분리할 수 있다.

좋은 웹페이지 즐겨찾기