하루5분코딩"객체"

HwangSoonhwan·2020년 9월 13일
1

하루 5분 코딩개념

목록 보기
7/11

## 객체 = 한 속성에 여러가지를 담을때 사용.

- 객체를 사용하는 이유

• 한명의 회원 주소록을 만들때

let userFirstName = 'Harry';
let userLastName = 'Hwang';
let userEmail = 'hse9724@gmail.com';
let userCity = 'Seoul';
//주소록에는 이름, 이메일, 사는 지역이 필요하다.

• 두명의 회원 주소록을 만들때

let userFirstName = 'Harry';
let userLastName = 'Hwang';
let userEmail = 'hse9724@gmail.com';
let userCity = 'Seoul';
----------------------------------
let userFirstName = 'Steve';
let userLastName = 'Lee';
let userEmail = 'steve@gmail.com';
let userCity = 'Seoul';

✓ 두 예시를 보면 각변수는 이름으로 구분할뿐, 서로 어떠한 관계도 없다. 또한 매번 선언을 해줘야 했다. 이럴때는 '배열을 사용해보자.'

ex)

배열을 사용하여 주소록 만들기

let user = [
'Harry',
'Hwang',
'hse9724@gmail.com',
'Seoul'
];
--------------------
let user = [
'Steve',
'Lee',
'steve@gmail.com',
'seoul'
];

✓ 각 값이 하나의 변수로 묶여있지만, 이경우 각 index가 어떤 정보를 갖고 있는지 미리 알고 있어야한다. 그래서 우리는 객체 를 사용 하는 것이다.

ex)

객체 를 사용하여 주소록 만들기

let user = {
firstName: 'Harry',
lastName: 'Hwang',
email: 'hsw9724@gmail.com',
city: 'Seoul'
};
// firstName,lastName,email,city 를 우리는 key라고 부른다.
// Harry, Hwang, hsw9724@gmail.com, Seoul 을 우리는 value(값) 이라고 부른다.
//객체를 사용할때는 중괄호'{}'를 사용하고 키 값 사이에 쉼표','로 구분한다.

- 객체의 값을 사용하는 방법

• Dot notation

let user = {
firstName: 'Harry',
lastName: 'Hwang',
email: 'hsw9724@gmail.com',
city: 'Seoul'
};
//Dot notation 으로 값 찾기
user.firstName; // 'Harry'
user.city; // 'seoul'

• Bracket notation

let user = {
firstName: 'Harry',
lastName: 'Hwang',
email: 'hsw9724@gmail.com',
city: 'Seoul'
};
//Bracket notation 으로 값 찾기
user['firstName']; // 'Harry'
user['city']; // 'seoul'
// 키 앞뒤로 다운표' 를 쓰지않으면 변수의 값을 찾으려고 하여 키의값을 찾지 못한다. 
//정해진 값이 아닌 변하는 수를 찾을때는 다운표'를 쓰지않는다.
let user = {
name: 'Harry',
age:24
};	
//유저에 대한 name 도 구하고 age 도 구하려면
function getProperty(obj, property)
  return obj[property];
} 
//이렇게 사용해줘야한다. 그러면 property 에 name 이나  age 가 들어가 키의 값을 내보낸다.
profile
👨‍🍳요리사의 "쿠킹" 스토리가 아닌 "코딩" 스토리💻

0개의 댓글