배열이란?
복수의 데이터를 저장할 수 있는 자료구조. 인덱스로 데이터의 순서를 알 수 있다.
배열 선언
/* 빈배열 생성 */
let arr1 = [];
/* 선언과 동시에 요소 삽입도 가능 */
let arr2 = ["a", "b", "c"];
/* 배열요소 삽입 */
let arr1[0] = 1;
let arr1[1] = 2;
let arr1[2] = 3;
//arr1 = [1, 2, 3];
/* 배열요소 수정 */
let arr1[0] = 'string';
//arr1 = ['string', 2, 3];
- 배열요소의 자료형에는 제약이 없다.
let arr4 = [1, "String", function(){}, [1, 2, 3, 4], {obj1 : "key1", obj2 : "key2"}];
- 배열의 갯수는 arr.length를 통해 알 수 있다.
let arr2 = ["a", "b", "c"];
arr2.length; // 값 : 3
배열의 반복문
1. for 를 사용한 반복문
let alphabet = ["a", "b", "c"];
for (let i = 0; i < alphabet.length; i++) {
console.log(alphabet[i]);
}
//a b c 출력 (한줄씩)
1. for...of 를 사용한 반복문
let alphabet = ["a", "b", "c"];
for (let arr of alphabet) {
console.log(arr);
}
//a b c 출력 (한줄씩)
배열 전체 순회하기
1. forEach
주어진 함수를 배열 요소 각각에 대해 실행할 수 있음.
let arr =[ 1, 2, 3 ];
arr.forEach( function( value ) {
console.log( value ); // 1 2 3
});
for..of를 사용하면 현재 요소의 인덱스는 얻을 수 없고 값만 얻을 수 있다.
문법이 간단하기 때문에 배열의 요소를 대상으로 반복 작업을 할 땐 for..of를 사용하는걸 연습하자!
'JavaScript' 카테고리의 다른 글
자바스크립트 제어 흐름 (0) | 2023.04.15 |
---|---|
배열의 메소드 4 (from, of) (0) | 2023.04.02 |
배열의 메소드 3 (map, filter, reduce, sort, reverse) (0) | 2023.03.21 |
배열의 메소드 2 (indexOf, lastIndexOf, includes, find, findIndex) (0) | 2023.03.21 |
배열의 메소드 1 (push, pop, shift, unshift, splice, slice, concat) (0) | 2023.03.16 |