[JS] 배열(Array), 객체(Object)

ds-k.fe·2021년 1월 31일
0

JavaScript

목록 보기
4/14

배열(Array)

  • 순서가 있는 값
  • 값 → 요소(element)
  • 순서 → 인덱스(index) - 0부터 번호를 배김
  • 대괄호를 이용해서 배열을 만들고, 요소는 쉼표로 구분
  • 인덱스를 벗어나면 undefined
let myNumber = [73, 98, 86, 61, 96];
// myNumber라는 배열의 3번째 인덱스를 조회하려면
	myNumber[3]; //61
// 할당하려면 '=' 사용
myNumber[3] = 200;
// myNumber = [73, 98, 86, 200, 96];

배열 다루기

let arr = ['daeseong', 'kim']
  • 배열 추가 삭제 메소드
console.table(arr)
-> 시각화가 되어서 볼수 있다. 인덱스와 벨류가 보인다.

arr.push('pre')
-> 새로운 인덱스가 추가되는 것

arr.pop()
-> 방금 삭제된 인덱스가 출력 / 맨 마지막이 삭제

arr.shift()
-> shift한 index가 출력 0번째 인덱스가 빠져나옴

arr.unshift('creative')
-> length가 출력 앞쪽에 새로운 인덱스를 추가

객체

  • 회원 주소록을 만든다고 가정
let userFirstName = 'daeseong';
let userLastNAme = 'Kim';
let userEmail = 'daeseongkim05@gmail.com';
let userCity = 'Namyangju';
-> 너무 많은 정보가 필요함
  • 배열로 쓸 경우
let user = ['daeseong', 'Kim', 'daeseongkim05@gmail.com'; 'Namyangju']
-> // 각 index가 어떤 정보를 갖고 있는지 알아야 한다.
  • 이런 필요성으로 객체를 선언
let user = {
firstName: 'daeseong'
lastName: 'Kim',
email: 'daeseongkim05@gmail.com';
city: 'Namyangju';
}

-> Key() :(콜론으로 구분) 'Value'()
-> 중괄호를 이용해서 객체를 만들고 키=(key=value pair)쉼표(,)로 구분

객체의 값을 사용하는 방법

  • Dot notation
user.firstName; // 'daeseong'
user.city; // 'Namyangju'
  • Bracket notation
user['firstName']; 'daeseong'
user['city']; // 'Seoul'
-> 안쪽에 들어가있는 키가 String으로 들어감
-> 키값이 동적으로 변할때

→ Bracket notation을 쓸 때, 흔한 실수

user[firstname] //error
user['firstname'] // 'daeseong'
-> 반드시 스트링으로

0개의 댓글