-
자바스크립트의 배열(Array)프론트엔드/JavaScript 2020. 9. 10. 00:18
배열(Array)이란?
자바스크립트에서 배열(Array)는 이름과 인덱스로 참조되는 정렬된 값의 집함.
배열을 구성하는 각각 값을 요소(element)라고 하며, 배열에서 위치를 가리키는 숫자는 인덱스(index)라고 함
자바스크립트 배열의 특징
1. 요소들의 타입이 고정되지 않아, 같은 배열에 있는 요소끼리 타입이 서로 다를 수 있다.
2. 배열 요소의 인덱스는 연속적이지 않아도 된다. 따라서 특정 요소는 비어있을 수 있다.
3. 배열은 Array객체로 다뤄진다.
배열의 생성
<body> <script> var arr1 = ['a','b','c','d','e']; var arr2 = Array('a','b','c','d','e'); var arr3 = new Array(); </script> </body>배열 생성하는 방법은 총 세가지다.
1. 배열 리터럴을 이용하는 방법 (예시의 arr1)
2. Array 객체의 생성자를 이용하는 방법 (예시의 arr2)
3. new 연산자를 이용한 Array 객체 생성 방법 (예시의 arr3)
배열의 추가
<body> <script> var arr1 = ['a','b','c','d','e']; var arr2 = Array('a','b','c','d','e'); var arr3 = new Array(); arr1.push("f"); // 1번 배열에 "f" 추가 arr3[0] = "a"; // 3번 배열에 "a" 추가 </script> </body>배열의 추가는 push() 메서드를 이용하거나 배열의 인덱스를 지정해서 값을 넣는 방식이 있다.
전자는 배열의 맨뒤에 요소가 추가되고, 후자는 원하는 위치에 요소를 넣을 수 있다.
'프론트엔드 > JavaScript' 카테고리의 다른 글
자바스크립트 함수와 매개변수, 인수 (0) 2020.09.10 자바스크립트의 함수(function) (0) 2020.09.10 for...of / for...in 에 대해서 (0) 2020.09.09 자료형 변환(type conversion) (0) 2020.09.09 Var vs let vs Const (0) 2020.09.09