Web/JavaScript

JavaScript - Object 타입

Object 타입

  • 하나에 변수에 여러가지 속성을 이용해 변수를 저장하는 데이터 타입
  • Key / Value 로 이루어진 구조
  • 기본 구조: { Key: Value }
  • 선언 방법: { } 혹은 new Object( )
  • 함수도 넣을 수 있으나 화살표 함수는 넣을 수 없음
  • 값 가져오는 방법: Object_이름.Key 혹은 Object_이름["Key"]
let object_example = {
  name: "kim",
  age: 10,
  getName: function () {
	console.log(this.name);  // 출력 값: kim
  },
  getAge () {
    console.log(this.age);  // 출력 값: 10
  }
}

console.log(object_example.name);  // 출력 값: kim
console.log(object_example.age);  // 출력 값: 10
console.log(object_example.getName);  // 출력 값: kim
console.log(object_example.getAge);  // 출력 값: 10
  • Object 멤버 추가/수정하기
let object_example = {};

object_example.name = "kim";
console.log(object_example.name);  // 출력 값: kim
  • Object 멤버 삭제하기 (delete 이용)
let object_example = {
  name: "kim";
};

delete object_example.name;
console.log(object_example.name); // 출력 값: undefined

참고 링크 1: https://velog.io/@zwonlala/%EA%B0%9D%EC%B2%B4-%EC%95%88%EC%97%90-%ED%95%A8%EC%88%98-%EB%84%A3%EA%B8%B0

 

객체 안에 함수 넣기

객체 안에 함수를 집어 넣을 수 있다.위 예제에서 function 이름을 생략해도 동일한 결과가 나옴더 나아가 key-value 쌍이 아닌, : funcation 부분을 지워도 동일한 결과가 나옴반면 여기서 function 키워드

velog.io

참고 링크 2: https://velog.io/@surim014/%EC%9B%B9%EC%9D%84-%EC%9B%80%EC%A7%81%EC%9D%B4%EB%8A%94-%EA%B7%BC%EC%9C%A1-JavaScript%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80-part-7-Object-35k01xmdfp

 

JavaScript - 객체(Object)에 대해 알아보자

객체 (Object) JavaScript는 객체기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체이다. 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key / Value Pa

velog.io

참고 링크 3: https://youtu.be/dHrI-_xq1Vo

 

객체지향 Class 문법 10분만에 이해시켜줌 (자바스크립트)

책펴면 300페이지 쯤에 나오는 무시무시한 class, 객체지향 oop 어쩌구 문법입니다. 이론만 공부하는게 아니라 어떨 때 써야하는지를 알면 쉽습니다. 담강의는 prototype임 JavaScript 객체지향 & ES6

youtu.be