들어가기 전에
웹 개발에서 많이 사용하는 자바스크립트에서 객체 지향의 개념을 앞으로 자바스크립트 객체 지향 강의를 통해서 이해하고 적용하는 방법을 배워보도록 하겠습니다.
학습 목표
1. 객체에 대해서 정의하고 설명 할 수 있습니다.
2. 자바스크립트에서 객체를 생성, 수정, 삭제할 수 있습니다
핵심 단어
- 객체
강의 듣기
3_1_객체의 기본
객체 생성
여러분에게 익숙한 데이터 타입인 배열을 만들어보겠습니다.
var memberArray = ['egoing', 'graphittie', 'leezhce'];
//배열에서는 값에 접근할 때 []를 사용합니다.
console.log("memberArray[2]", memberArray[2]);목록만 있으면 되는 경우에는 배열을 쓰면 되지만
각각의 데이터가 어떤 데이터인지를 풍부하게 설명해야하는 경우는 객체를 사용하게 됩니다.
객체를 생성해봅시다.
var memberObject = {
// 원소의 이름 : 원소 값
manager: 'egoing',
developer: 'graphittie',
designer: 'leezhce'
}
//객체에서는 값에 접근할 때 .를 사용합니다.
memberObject.designer = 'leezche';
console.log('memberObject.designer', memberObject.designer);
//[]를 이용해 접근할 수도 있습니다.
console.log("memberObject.['designer']", memberObject['designer']);객체 수정
designer의 이름을 수정해봅시다.
var memberObject = {
// 원소의 이름 : 원소 값
manager: 'egoing',
developer: 'graphittie',
designer: 'leezhce'
}
memberObject.designer = 'leezhe';객체 삭제
delete 를 사용해 객체에서 manager를 삭제해봅시다.
delete memberObject.manager
console.log('after delete memberObject.manager', memberObject.manager);결과값이 undefined가 나오는 것을 볼 수 있습니다.
생각해보기
- 객체란 어떤 도구인지 말해보세요.
- 객체에 있는 정보를 읽으려면 어떻게 해야하나요?
- 객체이 있는 값을 지우려면 어떤 연산자를 사용해야하나요?
comment
1. 키와 값이 쌍을 이뤄 변수나 함수를 정리할 수 있게 해주는 툴
2. console.log(객체이름.값);
3. delete 연산자 활용
1. key: value 쌍으로 구성된 데이터 구조로, 데이터와 기능(메서드)을 함께 저장할 수 있는 컨테이너
2. 객체명.키이름
3. delete.객체명.키이름
서로 연관되는 변수나 함수를 정리할 수 있는 도구
console. log를 사용한다.
delete.객체명.키이름
1) 이름이 있는 것들을 정리해주는 도구
2) .이나 []를 이용
3) delete
서로 연관되는 변수나 함수를 정리할 수 있는 도구
객체명.key 또는 객체명[key] 을 이용한다
delete
구조화된 체계를 사용하되 이름을 붙여 편리하게 사용자가 원하는 의도대로 사용하도록 해준다.
객체에 이름을 부여한다.
delete
1.이름이 있는 정보를 정리정돈하는 데 쓰는 도구
2. 객체명.키값(인자), 객체명.['키값(인자)']
3. delete
각각의 데이터가 어떤 데이터인지를 풍부하게 설명해야 하는 경우 담는 캐비넷
객체이름.키값(인자) 혹은 객체이름[’키값(인자)’]
delete 연산자를 사용해야 한다.
delete 객체명.키값
객체란 이름이 있는 것들을 수납해주는 도구.
객체명.키값(인자),객체명.['키값(인자)']
delete
각각의 데이터가 어떠한 데이터인지 설명이 필요한 경우, 객체를 사용
memberObject.designer / memberObject['designer'] 이 두가지 방식으로 객체에 있는 정보를 읽고,
delete memberObject.manager 이런 방식으로 객체에 있는 값을 지움.
객체는 이름이 있는 정보를 정리정돈하여 쉽게 불러올 수 있는 수납도구.
1.객체명.키값(인자)
2.객체명.['키값(인자)']
delete 객체명.키값
객체란 서로 연관된 변수나 함수들을 그룹핑하고 이름을 붙인것,
객체.인자 혹은 객체['인자']
delete 객체.이름표
객체란 어떤한 정보를 나타낼 때 그룹핑하여 나타낼 수 있는 수납도구와 같다.
객체에 접근하기 위해서는 .(Object Access Operator)를 이용하거나 key값이 띄어쓰기가 있다고 가정하며 []를 이용하여 접근할 수 도 있다.
delete연산을 이용하여 지울 수 있다.
객체란 서로 연관된 변수와 함수들을 그룹핑하고 이름 붙인 것.
객체명.원소의 이름 or 객체['원소의 이름']
delete
이름표를 붙여서 정리하는 수납도구
객체.인자 혹은 객체['인자']
delete 객체.이름표
객체란 어떤 도구인지 말해보세요.
->서로 연관된, 변수와 함수를 그룹핑하고 이름을 붙인 것.
객체에 있는 정보를 읽으려면 어떻게 해야하나요?
-> object.key 또는 object['key']
객체이 있는 값을 지우려면 어떤 연산자를 사용해야하나요?
->delete
객체라는 것은 이름을 가진 정보를 정리정돈하는 도구.
객체에 있는 정보를 읽을 때는 memberObject.manager 나 memberObject['manager'] 와 같이 객체명.정보이름 혹은 객체명['정보이름'] 해서 값을 읽는다.
객체에 있는 값을 지울 때는 delete를 사용한다. 객체에 업데이트 하고 싶으면 update가 아닌 memberObject.manager = 'ee'와 같이 새로 선언해주는 느낌
객체는 더 많은 정보를 담을 수 있는 유용한 도구이다.
객체에 해당하는 key값을 알아야 key에 담겨진 내용에 접근할 수 있다
delete ob.designer;