Programing

JavaScript에서 모든 개체 속성을 null로 설정하는 방법?

c10106 2022. 3. 24. 20:41
반응형

JavaScript에서 모든 개체 속성을 null로 설정하는 방법?

나는 Vue를 사용하고 있는데 갑자기 Vuetify를 사용한 계산된 css 중 일부가 작동하지 않는다.

내가 어떤 사물을 선언하는 방법은

personal_info : {}

그리고 내 템플릿에서, 나는 단지 할 수 있었다.personal_info.name텍스트 입력의 모든 v-모델에 기타 추가.

나는 오류는 없지만 갑자기 그 부시는 라는 수업을 듣는다.input-group--dirty빈 텍스트가 아닐 때마다 텍스트 입력의 레이블이 올라간다.그런데 갑자기 안 되네.다음과 같이 보인다.

여기에 이미지 설명을 입력하십시오.

보시다시피 텍스트와 라벨이 겹친다.
이 기능이 작동하도록 하는 유일한 방법은 부동산을 null로 설정하는 것이다.

personal_info : {
  name: null
}

문제는 내가 수백 개의 텍스트 입력을 가지고 있고 모든 것을 null로 설정하고 싶지 않다는 것이다.

개체 속성을 1씩 코드화하는 대신 모든 속성을 null로 설정하는 간단한 방법이 있는가?

이 새끼손가락을 체크아웃하다.

var personal_info = {
  name: 'john',
  email: 'john@moto.com',
  phone: 9876543210
}
console.log(JSON.stringify(personal_info)); //before looping

for (var key in personal_info ) {
  personal_info[key] = null;
}

console.log(JSON.stringify(personal_info));//after looping and setting value to 'null'

빌라스 예는 괜찮다.하지만 만약 당신이 중첩된 속성을 가지고 있고 당신의 오비지가 이렇게 생겼다면 당신은 내 코딱지를 써볼 수 있다.

var obj = {
  a: 1 ,
  b: 2,
  c: {
    e:3,
    b: {
      d:6,
      e: ['23']
    }
  }
};

var setProps = function(flat, newVal){
   for(var i in flat){
     if((typeof flat[i] === "object") && !(flat[i] instanceof Array)){
       setProps(flat[i], newVal);
       return;
     } else {
       flat[i] = newVal;
     }
  }
}
setProps(obj, null);

console.log(JSON.stringify(obj));

참조URL: https://stackoverflow.com/questions/42385110/how-to-set-all-object-properties-to-null-in-javascript

반응형