LeeWang_31
이왕31
LeeWang_31
전체 방문자
오늘
어제
  • 분류 전체보기 (234)
    • 프로젝트 (2)
      • 사이드 프로젝트 (2)
      • Codestates_pre_project (0)
    • 프론트엔드 (169)
      • Html (19)
      • CSS (18)
      • JavaScript (29)
      • Codestates (76)
      • 코딩노트 (27)
    • 백엔드 (10)
      • node (10)
    • 구르는 돌 🌑 (16)
      • Codestates (11)
      • 생각 (4)
      • 공부 흔적 (1)
    • 정보 (18)
      • 오류노트 (2)
      • 인텔리제이 정보 (9)
      • 깃 정보 (3)
      • 기타 정보 (4)
      • 안드로이드스튜디오 정보 (0)
    • CS (7)
      • 이론공부 (7)
    • App (6)
      • Android (3)
      • Kotlin (3)
    • 컴퓨터 수학 (5)
      • 암호론 (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 코플릿
  • JavaScript
  • 파이어베이스연동
  • html
  • 사이드프로젝트
  • 코드스테이츠
  • DP
  • 사용자친화웹
  • 1292
  • figjam
  • 백준
  • 안드로이드스튜디오범블비
  • 생활코딩
  • 알고리즘
  • ubuntu
  • 웹팩
  • 자바스크립트
  • UI/UX
  • 2609
  • 사용자 친화 웹
  • 번들링
  • codestate
  • 2693
  • linux
  • 코딩애플
  • linuix 코드스테이츠
  • css
  • 안드로이드스튜디오파이어베이스
  • React
  • TODOlist

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
LeeWang_31

이왕31

[JavaScript] 문자열
프론트엔드/Codestates

[JavaScript] 문자열

2022. 8. 23. 17:52

코드스테이즈 41기 교육 내용을 정리하고 있습니다.

틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 


문자열

문자열 문자 하나 하나가 모여서 배열을 갖는것을 뜻합니다.

String이라 부릅니다.

문자열과 관련된 함수에 대해 알아보려 합니다.

 

문자열 출력

  • +연산자를 사용할수 있다.
  • string 타입과 다른 타입 사이에 +를 사용하면 다른 타입은 string으로 변환된다.

Template literals

템플릿 리터럴은 내장된 표현식을 허용하는 문자열이다.

이중 따옴표나 작은 따옴표가 아닌 백틱(` `)을 이용한다.

표기는 문자열 안에 ${표현식}으로 사용한다.

따옴표가 아닌 백틱이다. 이거 때문에 30분 동안 고생했다

index

string[index]로 index위치의 string값을 반환합니다.

length

  • 문자열의 길이를 알려준다.
  • string.length로 쓴다.

indexof()

  • 문자열에서 원하는 값의 위치를 알때 사용합니다
  • string.indexof(value)꼴입니다.
  • 조사할 문자열을 string에 적어주고, 위치값을 알고자 하는 문자를 value에 적습니다.
  • 찾고자 하는 문자열이 없으면 -1을 반환합니다.

include()

  • 문자의 포함 여부를 boolean값을 반환합니다.
  • string.include(value)꼴입니다.
  • 찾는 문자가 있으면 true, 없다면 false를 반환합니다.
  • 구형 브라우저는 작동하지 않을수 있습니다.

splite()

  • 원하는 문자로 글을 자를 때 사용한다.
  • string.split(value)꼴이다
  • string에 value가 나올때 마다 다음배열에 추가한다.

value에 아무값도 넣지 않으면 한글자씩 잘린다.

subsrting()

  • 원하는 만큼 글자를 볼수 있다.
  • string.subsrting(start,end)꼴이며, start index부터 end-1 index까지 보여준다.
  • 음수는 0 취급, 글자 길이 보다 클 경우 string.length취급
  • start와 end가 바뀌여도 정상적으로 진행 된다.

값이 하나 만 주어지는 경우 start로 인식하고, end는 가장 끝 자리이다.

slice도 같은 역할이다.

toUpperCase()/toLowerCase()

대/소 문자 변환이다.

 

생각해보자

trim은 공백을 제거 합니다.

 

정규표현식

https://leewang31.tistory.com/entry/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EB%B3%B8-%EC%A0%95%EA%B7%9C%ED%91%9C%ED%98%84%EC%8B%9D

 

생활코딩 자바스크립트 기본 - 정규표현식

본 게시글은 인프런 강의 "생활코딩 - 자바스크립트(JavaScript) 기본"를 보고 공부한 내용을 정리하고 있습니다. https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8..

leewang31.tistory.com

 

저작자표시 (새창열림)

'프론트엔드 > Codestates' 카테고리의 다른 글

[HTML] Html기초  (0) 2022.08.25
[JavaScript]반복문  (0) 2022.08.24
[JavaScript] 조건문  (0) 2022.08.23
[JavaScript] 함수  (0) 2022.08.22
[JavaScript] 변수와 타입  (0) 2022.08.22
    '프론트엔드/Codestates' 카테고리의 다른 글
    • [HTML] Html기초
    • [JavaScript]반복문
    • [JavaScript] 조건문
    • [JavaScript] 함수
    LeeWang_31
    LeeWang_31
    이왕 할 거면 기분 좋게

    티스토리툴바