1. 배열(Array)
- 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 달라도 됨
- 배열 요소의 인덱스가 연속적이지 않아도 되기 때문에 특정 배열의 방이 비어있을 수 있음, 비어있다면 그 방에는 undefined가 있음
- 자바 스크립트에서 배열은 Array 타입의 객체로 다뤄짐
2. 배열의 선언 및 길이
- 배열의 선언
let 배열명 = [값1, 값2, ...];
let 배열명 = new Array(값1, 값2, ...);
let 배열명 = Array(값1, 값2, ...); - 배열의 길이
배열명.length
- console.dir() : 객체가 어떤 식으로 구성되어 있는지 보여주는 명령어
3. 배열의 요소 추가 및 삭제
- 배열의 요소 추가
- 배열명[인덱스] = 추가할 요소;
- 존재하지 않는 인덱스에 새로운 값을 대입하여 요소 추가
- 원하는 방에 데이터를 추가하면 됨 - 마지막에 추가하고 싶을 때
- 배열명[배열명.length] = 추가할 요소;
- 배열명.push(추가할 요소)
- 배열명[인덱스] = 추가할 요소;
- 배열의 요소 삭제
- 배열명.pop()
- 가장 마지막에 있는 값을 제거하며 리턴 - 배열명.shift()
- 가장 처음에 있는 값을 제거하며 리턴 - 배열명.splice(시작 인덱스, 지울 요소 개수, 추가할 값1, 추가할 값2, ...)
- 삭제 및 추가
- 추가할 값은 생략 가능
- 지워지는 값들을 리턴
- 배열명.pop()
4. 그 외 기능들
- 배열 연결
배열명1.concat(배열명2) : 배열1과 배열2를 합쳐줌, 통째로 합쳐진 배열을 리턴, 기존에 있는 것은 바뀌지 않음 - 배열 요소로 문자열 만들기
배열명.join("구분점") : 각 요소들을 구분점으로 연결해서 문자열로 만들어 리턴 - 배열 정렬
배열명.sort(기준함수) : 기본적으로 문자열 기준으로 정렬(오름차순)
배열명.reverse(기준함수) : 기본적으로 문자열 기준으로 정렬(내림차순)
5. 빠른 for문
- for in 문
- 객체에서도 사용 가능
for(let 변수 in 객체) {
- 변수가 객체에 있는 Key들을 가져오며 반복
- 배열은 인덱스, 객체는 필드를 가져옴
} - for of 문
- 반복자 성질을 가지고 있는 객체 전용
for(let 변수 of 반복자) {
- 변수가 반복자에서 요소들을 꺼내오며 반복, 우리가 만든 객체 불가능
- 일반적인 객체는 사용하지 못하고 Array처럼 반복적인 성질을 가진 애만 가능
}
'웹개발 > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트를 이용한 태그 객체 및 onclick (0) | 2022.05.13 |
---|---|
[JavaScript] 함수(function) (0) | 2022.05.13 |
[JavaScript] 대화상자(dialog), 제어문(조건문, 반복문), 간단한 예제 (0) | 2022.05.12 |
[JavaScript] 자료형, 형변환, 연산자, NaN (0) | 2022.05.12 |
[JavaScript] 스코프, 호이스팅, 변수의 선언 방식 (0) | 2022.05.12 |