웹개발/혼자하는 개발 공부

[자바스크립트] Arrays / 배열이란? ( + Object )

데브리 2021. 8. 31. 06:12
반응형


리스트와 비슷함.


Array 만드는 법 두가지

1.

const year = 1991; const year = 1992; const year = 1993; const years = [1991, 1992, 1993];


2.

const years = new Array(1991, 1992, 1993);



1번이 보통 더 많이 쓰임.



array의 individual elements는 const로도 수정이 가능하지만 전체 array 자체를 바꾸는 것은 불가능.




Basic Array Operations (Methods)

.push
: array 마지막에 item 하나 추가하기

.pop
: array 마지막에 item 하나 제거하기

.unshift
: array 앞에 item 하나 추가하기

.shift
: array 앞에 item 하나 제거하기

.indexOf
: array 안에 있는 index 찾기 (몇번째에 해당 인덱스가 들어있는지)

.includes
: array 안에 있으면 true, 없으면 false

.splice
: 항목 제거하기 (여러개도 제거 가능)

.sort()
: 오름차순으로 정렬

.reverse();
: array를 역정렬해줌




MDN에서 좀 더 자세히 공부하기
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

Array - JavaScript | MDN

The JavaScript Array class is a global object that is used in the construction of arrays; which are high-level, list-like objects.

developer.mozilla.org





Objects 란?
Array의 item에 각각 이름을 넣고 싶을 때 쓰임.

const student = { firstName: 'James', lastName: 'Lee', age: 22, program: 'Computer Science', address: ['Canada', 'Toronto'] };


Array와 다르게 순서가 중요하지 않음. Array는 ordered data, Object는 unstructured data를 위해 사용할 수 있음.




Object에서 데이터를 가져오는 방법

1. using .

console.log(student.lastName);


2. using []

console.log(student['lastName']);
const nameKey = 'Name'; console.log(student['first' + nameKey]);

반응형