이 영역을 누르면 첫 페이지로 이동
천천히 꾸준히 조용히 블로그의 첫 페이지로 이동

천천히 꾸준히 조용히

페이지 맨 위로 올라가기

천천히 꾸준히 조용히

천천히 꾸준히 조용히.. i3months 블로그

[JavaScript] 정리 (2)

  • 2022.10.09 15:32
  • Programming Language/JavaScript
반응형

 

 

 

문자열 내부에서 \\로 \표현

 

let x = "a"

let y = new String("a")

 

x 는 string 타입, y는 object 타입.

단, x를 사용할 때는 자동으로 형변환돼서 x.length 사용 가능.

 

string 메서드

1. slice : 자를 때 사용. 자바의 substring과 유사하지만, 파이썬처럼 인덱스에 음수를 넣을 수 있음

2. substring : slice와 비슷하지만, 인덱스에 음수를 넣을 수 없고 사용법이 좀 다름. (7,6) 이면 7부터 6글자를 자름

3. replace : 말 그대로 특정 부분을 대체. 첫 번째 요소만 대체함. 정규표현식 사용 가능.

4. trim : 공백제거. 파이썬의 strip과 비슷함

5. padStart : 길이를 지정하고, 부족한 부분을 특정 문자열로 채워넣음. padding 생각하기

6. charAt : 자바와 동일

7. split : 자바와 동일

8. indexOf : 특정 문자열이 처음 나타나는 위치를 찾음. 탐색을 시작하는 위치를 지정할 수 있음. 못  찾으면 -1 리턴.

9. lastindexOf : 특정 문자열이 마지막에 나타나는 위치를 찾음. 못 찾으면 -1 리턴.

10. search : indexOf와 비슷하지만, 정규표현식을 사용할 수 있고, 시작 위치를 지정하는건 불가능.

11. match : 정규표현식으로 문자열을 탐색하고, 여러 문자열을 찾을 수 있음.

12. include : 문자열을 포함하고 있으면 true

13. startWith : 특정 문자열로 시작하면 true

 

number

정수 실수 모두 number타입으로 통일함.

 

let a = "100"

let b = "10"

let c = a / b (10)

 

나누기, 곱하기는 자동으로 parseInt() 해서 진행함

 

NaN : Not a Number. Number 타입에 속하긴 함.

isNaN으로 숫자인지 확인할 수 있음.

 

Infinity : 자바스크립트로 표현할 수 없는 범위의 수를 표현할 때 사용함. Number타입.

 

숫자를 2,4,8,16.. 진수로 편하게 표현해주는 메서드도 제공함.

 

number도 new Number(123) 처럼 new로 생성할 수 있음.

 

배열

[ ] 로 묶어서 처리함.

배열 안에 있는 요소로 뭐가 와도 괜찮음.

length, sort 메서드 사용 가능.

배열 크기는 동적으로 증가함. 인덱스로 요소를 추가하거나, push로 요소를 추가할 수 있음.

 

new Array(); 로 생성할 수도 있음. ([ ] 를 더 많이 사용함)

new Array(50) 이면 크기 50짜리 배열을 사용함.

 

typeof / instanceof / Array.isArray 로 배열인지 확인함.

toString()으로 문자열로 변환

join도 toString과 비슷하지만, 구분자를 지정할 수 있음

 

push는 맨 뒤에 붙이기, pop은 맨 뒤를 삭제하기. (스택)

 

shift : <<. 왼쪽으로 한 칸 밀어버림.

unshift : >>. unshift("a") 이렇게 인자로 넘기면 a가 맨 처음으로 위치하고 나머지는 오른쪽으로 한 칸 밀림.

 

delete : 특정 요소를 삭제하지만, 삭제된 공간은 undefined

 

concat : 두 개 이상의 배열을 하나로 합침

splice : (2, 0, "a", "b") 2는 a와 b를 넣을 위치, 0은 삭제할 요소의 수. 직접 써 봐서 이해하기

slice : 배열 요소 자르기

 

sort : 문자열로 정렬이 기본. 자바처럼 comparable을 추가해 줄 수 있음.

reverse : 배열 거꾸로

 

Array.forEach : 배열 탐색 시 사용함. 인자를 3개 받는데.. 직접 써 보는게 좋음

Array.map : 인자 3개를 받아 새로운 배열을 생성하는데, 역시 직접 써 보기.

Array.filter : 특정 조건에 만족하는 요소만 가져오기.

Array.reduce : 인자 4개를 받아 작업. 이전 값을 받아와서 처리해 배열의 합을 구할 때 사용하기도 하는데.. 직접 써 보기.

Array.every : 모든 배열 요소들이 특정 조건을 만족하면 true

Array.some : 어떤 배열 요소들이 특정 조건을 만족하면 true

Array.from : 문자열 -> 배열 (toCharArray)

Array.Keys : 인덱스를 키 값으로 가지니, 인덱스 값을 새로운 배열에 저장

Array.entries : 배열을 키-값 형태로 바꿔줌 (키는 인덱스)

 

let const는 block scope. (괄호 안에서만 유효)

var은 중복 재할당 가능. 직접 타이핑해서 비교해보기

 

Date 객체로 날짜 관련 정보를 표현할 수 있다.

 

 

객체와 객체를 비교하는건 항상 false를 반환한다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형
저작자표시 (새창열림)

'Programming Language > JavaScript' 카테고리의 다른 글

[JavaScript] JQuery  (1) 2022.11.08
[JavaScript] JSON  (0) 2022.10.25
[JavaScript] DOM  (0) 2022.10.03
[JavaScript] 정리 (1)  (0) 2022.09.28
[JavaScript] 스코프  (0) 2022.03.10

댓글

이 글 공유하기

  • 구독하기

    구독하기

  • 카카오톡

    카카오톡

  • 라인

    라인

  • 트위터

    트위터

  • Facebook

    Facebook

  • 카카오스토리

    카카오스토리

  • 밴드

    밴드

  • 네이버 블로그

    네이버 블로그

  • Pocket

    Pocket

  • Evernote

    Evernote

다른 글

  • [JavaScript] JQuery

    [JavaScript] JQuery

    2022.11.08
  • [JavaScript] JSON

    [JavaScript] JSON

    2022.10.25
  • [JavaScript] DOM

    [JavaScript] DOM

    2022.10.03
  • [JavaScript] 정리 (1)

    [JavaScript] 정리 (1)

    2022.09.28
다른 글 더 둘러보기

정보

천천히 꾸준히 조용히 블로그의 첫 페이지로 이동

천천히 꾸준히 조용히

  • 천천히 꾸준히 조용히의 첫 페이지로 이동

검색

방문자

  • 전체 방문자
  • 오늘
  • 어제

카테고리

  • 분류 전체보기 (664)
    • Algorithm (205)
      • Data Structure (5)
      • Theory && Tip (33)
      • Baekjoon (166)
      • ALGOSPOT (1)
    • Spring (123)
      • Spring (28)
      • Spring Web MVC (20)
      • Spring Database (14)
      • Spring Boot (6)
      • Spring 3.1 (11)
      • Spring Batch (6)
      • Spring Security (16)
      • JPA (12)
      • Spring Data JPA (5)
      • QueryDSL (4)
      • eGovFramework (1)
    • Programming Language (74)
      • C (25)
      • C++ (12)
      • Java (19)
      • JavaScript (15)
      • Python (1)
      • PHP (2)
    • Computer Science (142)
      • Machine Learning (38)
      • Operating System (18)
      • Computer Network (28)
      • System Programming (22)
      • Universial Programming Lang.. (8)
      • Computer Architecture (4)
      • Compiler Design (11)
      • Computer Security (13)
    • Database (21)
      • Database (7)
      • MySQL (3)
      • Oracle (3)
      • Redis (5)
      • Elasticsearch (3)
    • DevOps (20)
      • Docker && Kubernetes (8)
      • Jenkins (4)
      • Amazon Web Service (8)
    • Mobile (28)
      • Android (21)
      • Flutter (7)
    • 💡 솔루션 (16)
    • 💬 기록 (10)
    • 📚 공부 (0)
    • 📝 낙서장 (25)

최근 글

나의 외부 링크

메뉴

  • 홈
반응형

정보

i3months의 천천히 꾸준히 조용히

천천히 꾸준히 조용히

i3months

블로그 구독하기

  • 구독하기
  • RSS 피드

티스토리

  • 티스토리 홈
  • 이 블로그 관리하기
  • 글쓰기
Powered by Tistory / Kakao. Copyright © i3months.

티스토리툴바