반응형
리스트와 비슷함.
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
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]);
반응형
'웹개발 > 혼자하는 개발 공부' 카테고리의 다른 글
[자바스크립트] DOM and DOM manipulation (0) | 2021.09.01 |
---|---|
[자바스크립트] for loop과 while loop의 차이점 (0) | 2021.09.01 |
[자바스크립트] function / 함수란? (0) | 2021.08.31 |
[자바스크립트] 데이터 타입 & var, let, const 차이점 (2) | 2021.08.29 |
[ 유데미] Angela Yu의 The Complete Web Development Bootcamp (0) | 2021.08.21 |