AR삽질러

JavaScript - 배열 (11) 본문

WEB/JavaScript

JavaScript - 배열 (11)

아랑팡팡 2024. 6. 30. 16:20
728x90

 

JavaScript - 배열 (11)

 

1. 배열

 - 여러개의 값을 순차적으로 담을 수 있는 자료형으로 배열의 각 요소는 index로 식별된다.

 - index는 0에서 부터 시작하고 값의 리스트를 저장하고 조작하거나 접근하는데 유용하다.

 

2. 배열의 생성 

// 1. 배열 생성
let arr1 = new Array(); // 배열 생성자
let arr2 = [];

let arr3 = [1, 2, 3, true, "Hi", null, undefined, () => {}, {}, []];
console.log(arr3);

배열 생성자(Array Constructor) : new Array() 구문으로 배열을 생성할 수 있다.

배열 리터럴(Array Literal) : [ ] 를 사용해 배열을 생성할 수 있다.

배열은 number, string, null, undefined등 다양한 데이터 타입을 포함시킬 수 있다.

 

3. 배열 요소 접근

 - 배열 요소는 인덱스를 사용해 접근할 수 있고 인덱스는 0에서 부터 시작한다.

let item1 = arr3[0];
let item2 = arr3[1];

arr3[0] = "Hello"; // 수정
console.log(item1, item2);
console.log(arr3);

 

4. 객체(Object)와 배열(Array)의 차이

  • 객체(Object)
    • key - value 로 구성된 비순차적 데이터 구조
    • 속성- 값 쌍을 표현하는데 사용된다.
    • 동적으로 프로퍼티를 추가, 수정, 삭제 할 수 있다.
    • 키는 문자열과 심볼
    • 값은 어떤 데이터 타입도 가능하다.
  • 배열(Array)
    • index - value 쌍으로 구성도니 순차적인 데이터 구조
    • 주로 순서가 있는 리스트를 표현하는데 사용
    • 배열 메서드를 통해서 요소를 추가, 삭제, 수정할 수 있다.
    • 값은 어떤 데이터 타입도 가능하지만 동일한 타입의 데이터를 저장한다. 

 

728x90
반응형
LIST

'WEB > JavaScript' 카테고리의 다른 글

JavaScript - 객체 (10)  (0) 2024.06.30
JavaScript - 스코프 (9)  (0) 2024.06.30
JavaScript - 콜백함수 (8)  (0) 2024.06.30
JavaScript - 함수표현식과 화살표함수 (7)  (0) 2024.06.27
JavaScript - 함수 (6)  (0) 2024.06.27