[JavaScript] 자바스크립트 배열

배열 : Non-Primitive Data Type(비 원시 자료형)

• 순서있는 요소들의 집합
• 여러 개의 항목이 들어있는 리스트
• 동시에 여러 개의 데이터를 가질 수 O

배열 생성 방법 1. 생성자 이용

let arr = new Array();

배열 생성 방법 2. 배열 리터럴(대괄호 이용)

let arr = []; //배열 리터럴

배열 리터럴을 사용하는 것이 더 편하므로 앞으로 배열 리터럴 사용!😉

빈 배열👇

let arr = []; //배열 리터럴
console.log(arr); // [] - 빈 배열

배열에 값을 넣었을 때👇

let arr = [1,2,3,4]; //배열 리터럴
console.log(arr); // (4)[1,2,3,4]

배열은 객체와 같이 값에 자료형이 아무거나 들어와도 O.K

let arr = [1,"2",true,null,undefined,{},[],function(){}]; //배열 리터럴
console.log(arr); // (8)[1,"2",true,null,undefined,Object,Array(0),f()]

오늘은 숫자로 이루어진 배열만 다뤄보자.

배열의 요소 접근👇

let arr = [1,2,3,4,5]; //배열 리터럴
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3
console.log(arr[4]); // 5
console.log(arr[5]); // undefined

배열은 객체와는 다르게 데이터별로 구분할 수 있는 key라는 값이 X, 배열은 key 대신 데이터가 위치한 순서(index : 0부터 시작)를 통해 각각의 값에 접근 O

배열의 이름[인덱스의 값] -> 배열을 인덱스를 통해 접근 O

배열의 요소 추가👇

let arr = [1,2,3,4,5]; //배열 리터럴

arr.push(6); //배열 추가
console.log(arr); // (6)[1,2,3,4,5,6]

push 함수 사용-> 배열의 가장 마지막에 원소 추가(자료형 상관X)

let arr = [1,2,3,4,5]; //배열 리터럴

arr.push({key:"value"}); //배열 추가
console.log(arr); // (6)[1,2,3,4,5,Object]

배열 길이 변수로 받기👇

let arr = [1,2,3,4,5]; //배열 리터럴

console.log(arr.length); // 5

배열 길이 받기 : 배열이름.length

-> 객체의 프로퍼티 접근법과 유사
-> 배열 자체도 객체로 이루어져 있기 때문에
-> 자신에게 유용한 프로퍼티나 함수들을 객체처럼 저장해놈
-> 프로퍼티 length를 꺼내오면 현재 배열의 길이를 가짐

length는 배열이 바뀌면 자동으로 갱신됨👇

let arr = [1,2,3,4,5]; //배열 리터럴

arr.push("6");
console.log(arr.length); // 6

배열은 자바스크립트에서 객체와 더불어 가장 많이 사용되는 자료형(아마도🤔)