10장 객체 리터럴

Jun Hyoung Park·2022년 6월 20일
0

객체

  • 프로퍼티의 집합
    • 키 : 값
  • 함수프로퍼티 = 메서드
	var person = {
      last: 20,
      plus(){
      	this.last = this.last+1;
      }
    };

객체 생성

  • new 생성자 함수
    • 인스턴스 생성 방식
      • 인스턴스: 객체가 메모리에 저장되어 실제로 존재되어 지는 상태
	function Person() ={
    	a:1
    }
	
	var personOne = new Person();
  • 객체 리터럴
    • 리터럴: 약속된 기호를 사용하여 값을 생성하는 표기법
    		// 블록이 아닌 평가식이기 때문에 ; 사용
    		var name = {};

객체 접근

  • 대괄호
    • 유효한 이름이 아닐 때 사용, 키의 이름이 숫자 일 경우 ''없이 사용가능
  • 마침표 표기법
    • 일반적으로 사용
	var person = {
     	a:3,
      	1:1,
      	//자바스크립트에서 사용할 수 있는 표현식이 아닐경우 ''필요 
      // pre-number는 pre, number 식별자의 -연산으로 인식
      	'pre-number':23
    }
    console.log(name['pre-number']); // 23
	console.log(name[1]);    // 1 
	console.log(name.a);   // 1 

프로퍼티 값 편집

  • 값 갱신
	person.a = 4;
	console.log(person.a); //4
  • 동적생성
	person.b = 3;
	console.log(person.b); //3
  • 삭제
	delete person.b;
	console.log(person); //{a:'4',~~~}

프로퍼티 축약

	var a=1,b=2;

	var c ={
    // a:a, b:b 키와 값으로 사용되는 변수의 이름이 같을 경우 생략가능	
      a,b
    }
    
profile
프론트엔드 지망생

0개의 댓글