JavaScript 프로모션: 8. 객체의 동적 특성

1999 단어
js의 객체에는 다음과 같은 동적 특성이 있습니다.
  • js는 대상 정의 이후 동적 추가/수정/삭제/조회 지원
  • 대상의 구성원: 대상의 속성과 방법
  • 대상: 키 값 쌍의 집합(key-value) 또는 속성과 방법의 집합
  • 속성: 대상 내부에 정의된 변수
  • 방법: 대상 내부에 정의된 함수
  • 특성에 대한 설명: 편리함을 가져왔지만 사용할 때 오류가 발생하기 쉽다
  • 객체에 액세스하는 방법:
  • 점 문법
  • [] 문법 키는 문자열 형식이어야 하며 문자열 형식이 아니면 변수로 처리해야 한다
  • 동적 작업:
  • 추가: 현재 속성이 존재하지 않으면 추가
  • 수정: 현재 접근한 속성이 존재하면 설정할 때 수정됩니다.
  • 삭제: 키워드 delete 문법 사용: delete 대상.속성
  • 예:
  • 
        //01       
        var obj ={};
    
        //02        (  |  )
        obj.name = "  ";
        obj.age = 20;
        obj.showName  = function () {
            console.log(this.name);
        }
        obj.showName();//  
        console.log(obj[name]);//     name("  ")      (    )
        //console.log(obj[age]);  ,  age     
    
        //03     
        obj.name = "  ";
        obj.showName  = function () {
            console.log(this.name);
        }
        obj.showName();//  
    
        //04     
        delete obj.age;
        console.log(obj.age);   //undefiend
        
        //05   []            
        var test = {};
        console.log(test);//Object {}
    
        //    (    )     :background Color
        test["background Color"] = "red";
        console.log(test);//Object {background Color: "red"}
    
        //06   []      
        obj["showAge"] = function () {
            console.log(this.age);
        }
    
        //07   []      
        obj["showAge"]();
    
    
  • [] 문법을 사용하면 만날 수 있는 은형의 구덩이
  • 
        var obj = {
            name:"  ",
            age:20,
            showName:function () {
                console.log(this.name);
            }
        }
        console.log(obj.name);  //  
        //console.log(obj[age]);   //  
    
        //          name window   
        console.log(obj[name]); //undefined  obj[name]   obj['']
        console.log(window.name);  //  ( )
    
    
  • for 사용 중...in 사전을 훑어볼 때 []를 사용하여 사전의value값에 접근해야 한다
  • var test = {};
    //  :  obj       test  
    for(var key in obj)
       {
           test[key] = obj[key];
       }
    

    좋은 웹페이지 즐겨찾기