기존에는 문법만 정리를 했었는데 객체도 알아두면 좋을 것 같아 정리.
※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다.
https://www.yes24.com/Product/Goods/105608999
바닐라 자바스크립트 - 예스24
실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다.
www.yes24.com
내장 객체(Build-in Object)는 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다.
Object 객체는 모든 자바스크립트 객체의 루트 객체이다.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue",
};
person["age"] = 51; //오브젝트명 + [ + "key" + ] 형태로 사용해서 데이터 변경
person.age = 51; //오브젝트명 + . + key 형태로 데이터에 접근해서 변경
console.log(person["firstName"]); //오브젝트명 + [ + "key" + ]
console.log(person.firstName); //오브젝트명 + . + key
// 객체 생성
let obj = new Object();
// key, value 세팅
obj.firstName = 'KIM';
obj.lastName = 'DK';
obj.age = 32;
// 함수
obj.getFullName = function () {
return this.firstName + " " + this.lastName; // 여기서 this는 Object 객체를 가리킨다.
}
console.log("name : " + obj.firstName + " " + obj.lastName);
console.log("getFullName : " + obj.getFullName());
console.log("age : " + obj.age);
</script>
</body>
</html>
'02. JavaScript > 01. 기본개념, 문법 (ES6)' 카테고리의 다른 글
| JavaScript_03. 내장 객체_Number (0) | 2023.11.28 |
|---|---|
| JavaScript_03. 내장 객체_String (0) | 2023.11.27 |
| JavaScript_02. 문법_18_Regular Expression (정규 표현식) (0) | 2023.11.27 |
| JavaScript_02. 문법_17_Strict Mode (0) | 2023.11.27 |
| JavaScript_02. 문법_16_Error (0) | 2023.11.27 |
