JS) 문자열

백준우·2021년 9월 6일
0

JavaScript & TypeScript

목록 보기
4/15
post-thumbnail

문자열

1. 문자열 기초
1.1 문자열 만들기
1.2 문자열 연결하기, 문자열과 숫자열

2. 문자열 다루기
2.1 Str[index]
2.2 Str.length
2.3 Str.indexOf(searchValue)
2.4 Str.split(seperator)
2.5 Str.substring(start, end)
2.6 Str.toLowerCase() / Str.toUpperCase()
2.7 Str.replace(change,value)
2.8 Str.match(value)
2.9 정리


1. 문자열 기초

1.1 문자열 만들기

  • 모든글자의 나열을 문자열이라 합니다.
  • 컴퓨터에서는 코드와 문자열을 구분하기 위해 '',""를 사용합니다.
    -예시) let str = '문자열', var Number = '123'
  • 문자열은 다양한 속성과 메소드를 활용해 원하는 모양을 만들수 있습니다.

1.2 문자열 연결하기, 문자열과 숫자열

문자열은 문자열끼리 연결하여 표현이 가능하다.

let str = 'abcd'
let Num = '가나다라'
str + Num = ??

이렇게 문자열인 str과 Num을 더할 경우에 어떻게 출력될지 확인해보자

이렇게 문자열과 문자열을 더할경우 합쳐진 문자열이 출력되는것을 볼 수 있다.
그렇다면 문자열과 숫자열은 어떻게 출력되는지 확인해보자

위와 같이 문자열 + 숫자는 숫자또한 문자열로 변환되어 합쳐진 문자열이 되는것을 확인 할수 있다. (typeof()는 타입값을 확인하기 위한 방법)


2. 문자열 다루기

2.1 Str[index]

  • 문자열의 특정 위치를 [index]를 통해 출력한다.
  • 문자열의 위치값은 0부터 시작한다.
let Kr = 'Korea'
Kr[3] // 'e'
Kr[0] // 'K'

2.2 Str.length

  • 문자열의 길이를 출력할때 사용한다.
  • 공백도 1개로 계산된다.
let Kr = 'Korea'
Kr.length // '5'
let Un = 'a b c d' //알파벳사이 공백이 추가되어 있다.
Un.length // '7'

2.3 Str.indexOf(searchValue)

  • Str문자열에 searchValue에 입력된 문자열이 처음으로 일치하는 index값을 출력
  • Str.lastindexOf(searchValue)는 문자열 뒤에서 부터 찾음
  • Str.includes(searchValue)는 찾고자 하는 문자가 있으면 boolean값으로 출력
let Kr = 'Korea'
Kr.indexOf('r')  // 출력값 2 
Kr.indexOf('x')  // 출력값 -1(찾고자 하는 문자열이 없으면 -1출력)
Kr.includes('a') // true

2.4 Str.split(seperator)

  • seperator을 기준으로 문자열을 나눠 배열을 만든다.
  • csv형식을 처리할때 편하다.
let int ="Hello I am from Korea"
int.split(' ') //(5) ['Hello', 'I', 'am', 'from', 'Korea']

let letter = 'love you love us love world'
letter.split('love') //(4) ['', ' you ', ' us ', ' world']

2.5 Str.substring(start, end)

  • start로 시작값을 end로 끝낼 값을 정의하여 사이 문자열을 출력함
let ab = 'abcdefghi"
ab.substring(0,2)  //'ab'
ab.substring(-1,2) //'ab' (-1은 0으로 인식)
ab.substring(4.5)  //'efghi'
ab.substring(4,5)  //'e'

2.6 Str.toLowerCase() / Str.toUpperCase()

  • toLowerCase는 소문자로 변환, toUpperCase는 대문자로 변환
let string = "manchester"
string.toLocaleLowerCase() //'manchester'
string.toUpperCase() //'MANCHESTER'

2.7 Str.replace(change,value)

  • 특정문자열을 찾아 다른 문자열로 바꾸는 메소드 입니다.
let str = "Manchester City"
str.replace("City", "United") // 'Manchester United'

2.8 Str.match(value)

  • Str문자열에 Value값이 있는지 확인
  • 문자가 포함되어 있으면 이를 반환하여 출력함
function KoreanorAlien(str){
if (str.match('Korea')) {
  return 'Korean'
}
else {
  return 'alien'
}}

KoreanorAlien('he is from Korea') // 'Korean'
KoreanorAlien('he is from Japan') // 'alien'

2.9 정리

형태용도예시(Str='red blue green')
Str[index]문자위치 호출Str[0] === 'r' , Str[3] === ' '
Str.length문자열 길이Str.length === 14
Str.indexOf(searchValue)문자 호출Str.indexOf('b') ===4
Str.split(seperator)제외한 배열값Str.split(' ') // (3) ['red', 'blue', 'green']
Str.substrion(start,end)문자열 자르기Str.substring(0,5) // 'red b'
Str.toLowerCase()소문자 변환Str.toLowerCase() // 'red blue green'
Str.toUpperCase()대문자 변환Str.toUpperCase() // 'RED BLUE GREEN'
Str.replace(change,value)문자변환Str.replace('blue','white') // 'red white green'
Str.match(value)일치 문자확인예시확인 (2.2.8)
profile
이게 되네?

0개의 댓글