[JavaScript] 정리 (2)
문자열 내부에서 \\로 \표현
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 |
댓글
이 글 공유하기
다른 글
-
[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