Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- JavaScript
- React Query
- 코딩
- csr
- 취업
- React
- html
- TypeScript
- 프론트엔드
- Sass
- SSR
- 취업준비
- http
- Browser
- dynamic import
- 비동기
- error
- DOM
- Next.js
- 알고리즘
- 공부
- Vite
- 코딩테스트
- 자바스크립트
- 에러
- 차이
- 백준
- 개발자
- Git
- css
Archives
- Today
- Total
minTech
[JavaScript] Array 생성 및 요소 추가/제거 본문
array는 순서가 배정되어있는 자료를 다룰 때 사용하는 객체이다.
실제로 프로그래머스 Lv1의 문제를 풀어보고 있다. 코딩 테스트를 공부하면서 Array를 이용하는 문제가 거의 대부분이었다. 초반에는 Array와 관련된 함수나, 특성들을 그때그때 모를 때마다 인터넷에 쳐서 공부했는데, 이번 기회에 한번 Array에 대해서 총정리하는 것이 좋을 것 같아 작성해보았다.
Array 생성
Array 객체를 생성하는 방법에는 2가지가 있다.
1. new 사용
(1) 빈 배열을 생성한다.
var arr = new Array();
(2) 초기 데이터를 통해 배열을 생성한다.
var arr = new Array(element0, element1, element2...)
(3) 초기 배열 크기를 설정하여 배열을 생성한다.
var arr = new Array(arrayLength)
2. literal notation 사용
var arr = []
Array 접근
Array의 경우 arr[4] 와 같이 인덱스를 통해 값 접근이 가능하다. 하지만 만약 데이터가 존재하지 않는 인덱스에 접근하면, 접근 시에 undefined를 리턴한다.
Array 요소 추가 & 제거
- unshift() : 배열 맨 앞에 항목을 추가한다.
- shift() : 배열 맨 앞에 항목을 제거한다.
- push() : 배열 맨 뒤에 항목을 추가한다.
- pop() : 배열 맨 뒤에 항목을 제거한다.
[큐(queue)]
- 배열을 사용해 만들 수 있는 대표적인 자료구조
- 순서가 있는 컬렉션을 저장하는데 사용한다.
- 화면에 순차적으로 띄울 메시지를 비축해 놓을 자료구조를 만들 때 사용
- push(), pop()
[스택(stack)]
- 한쪽 끝에 요소를 더하거나 뺄 수 있게 해주는 자료구조이다.
- shift(), unshift()
- Array의 length
Array의 length의 경우 쓰기가 가능하다. 따라서 코드를 이용해 배열의 길이 조절이 가능하다. 즉, 원래 있던 배열의 길이를 억지로 줄일 수가 있다. 하지만 한 번 감소된 배열은 다시 원래 상태로 복구가 불가능하다.
'JavaScript' 카테고리의 다른 글
[JavaScript] DOM(Document Object Model) / 노드(Node) 접근법 (0) | 2024.01.17 |
---|---|
[JavaScript] 원하는 태그 선택하는 방법 (0) | 2024.01.16 |
[JavaScript] 브라우저 렌더링 원리 (0) | 2024.01.12 |
[Javascript] Array.Sort() (0) | 2023.10.17 |
[JavaScript] Set Methods (0) | 2023.10.05 |