How to set all object properties to null in JavaScript?

Question

I am using Vue and suddenly some of the computed css using vuetify is not working.

The way I declare an object is

personal_info : {}

and in my template, I could just do personal_info.name and other more in every v-model of text input.

I have no errors but suddenly the vuetify has a class called input-group--dirty that will elevate the label of the text input whenever it's not empty. But suddenly, it's not working. It looks like this:

As you can see, the text and label are overlapping.
The only thing that make it work is to set the property to null which is:

personal_info : {
  name: null
}

The problem is that I have hundreds of text inputs and I dont want to set everything to null.

Is there a simple way to set all of the object's properties to null instead of coding it 1 by 1?

You can just set: personal_info = {}

Saurabh
– Saurabh

2017-02-22 07:24:51 +00:00
Commented Feb 22, 2017 at 7:24 — Saurabh
– Saurabh, Commented Feb 22, 2017 at 7:24
@Saurabh Updated my post

wobsoriano
– wobsoriano

2017-02-22 07:27:18 +00:00
Commented Feb 22, 2017 at 7:27 — wobsoriano
– wobsoriano, Commented Feb 22, 2017 at 7:27

Vilas Kumkar · Accepted Answer · 2017-02-22 07:31:08Z

10

checkout this snippet

var personal_info = {
  name: 'john',
  email: '[email protected]',
  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'

answered Feb 22, 2017 at 7:31

Vilas Kumkar

1,4009 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

wobsoriano Over a year ago

Combining that with my code it won't work because we know javascript is synchronous

Vilas Kumkar Over a year ago

@FewFlyBy what problem you are facing now? how this object is generated? are you using any/more api calls to generate it?

wobsoriano Over a year ago

I'm not using any api etc.. I still get the same thing

Vilas Kumkar Over a year ago

Okay, Would you mind to share what kinf of data is stored in personal_info? OR You can create a fiddle and paste link

wobsoriano Over a year ago

You interested if I put the project in github? Just npm install and npm run dev it after..

|

Cassidy · Accepted Answer · 2017-02-22 08:15:01Z

2

Vilas example is ok. But in case you have nested properties and your obj looks like this you could try my snippet

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));

edited Feb 22, 2017 at 8:15

answered Feb 22, 2017 at 8:07

Cassidy

3173 silver badges5 bronze badges

Comments

Bagaskara · Accepted Answer · 2023-02-01 04:47:02Z

0

you can use simple immutable oneliner:

Object.fromEntries(Object.entries(YOUR_OBJECT).map(([key]) => [key, null])))

const bio = {
  name: 'john',
  age: 22,
  hobbies: ['soccer']
}
const resetBio = Object.fromEntries(Object.entries(bio).map(([key]) => [key, null]))

console.log(bio)
console.log(resetBio)

answered Feb 1, 2023 at 4:47

Bagaskara

9018 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to set all object properties to null in JavaScript?

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related