Is there any way to add or remove object dynamically using javascript

Question

I am having one form and will get values from the input. On button click, I am forming one object like below,

let data = filter : {
    metadata : {
        name: apple,
        type: fruits
    },
    match_attributes: {
        value : code_1
    }
}

Here, I need to remove the object "match_attributes", if "value" key is empty. My expected output will be like below,

let data = filter : {
    metadata : {
        name: apple,
        type: fruits
    }
}

I tried by something like this but not worked,

    let test = {};
            if(this.getValue) {
             test =   match_attributes : {
                    value : this.getValue
                }
            }


filter : {
match_metadata : {
    name: this.name,
    type: this.type
},
test
}

My Output :

let data = filter : {
        metadata : {
            name: this.fruitName,
            type: this.fruitType
        },
        { }
    }

Is there anyway to do this. Cheers.

Please click edit, then [<>] snippet editor and make a minimal reproducible example — mplungjan
– mplungjan, Commented Apr 2, 2020 at 9:42
you mean if your key doenst exist or if the value for the key value is empty? — Ilijanovic
– Ilijanovic, Commented Apr 2, 2020 at 9:45
To delete a specific key from an object use delete -> delete data.filter.match_attributes — Tobias Boertz
– Tobias Boertz, Commented Apr 2, 2020 at 9:46

Georgi B. Nikolov · Accepted Answer · 2020-04-02 09:42:53Z

1

The most straightforward way to conditionally add properties to an object is like this:

let data = {
    metadata : {
        name: apple,
        type: fruits
    }
}

if (code_1) {
   data.match_attributes = {
      value : code_1
   }
}

You can also delete already existing stuff from objects like this:

let data = {
    metadata : {
        name: apple,
        type: fruits
    },
   match_attributes: {
      value: code_1
   }
}

if (!data.match_attributes.value) {
   delete data.match_attributes
}

answered Apr 2, 2020 at 9:42

Georgi B. Nikolov

1,0062 gold badges14 silver badges27 bronze badges

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

Comments

Ram Sankhavaram · Accepted Answer · 2020-04-02 09:44:30Z

0

let data = 
{
'filter' : {
    'metadata' : {
        'name': 'apple',
        'type': 'fruits'
    },
    'match_attributes': {
        'value' : ''
    }
}
}
if(!data.filter.match_attributes.value){
delete data.filter.match_attributes
}

console.log(data);

Yes, you can use delete operator to do that. Hope this helps!

answered Apr 2, 2020 at 9:44

Ram Sankhavaram

1,2388 silver badges13 bronze badges

Comments

Omar Alhaddad · Accepted Answer · 2020-04-02 09:49:54Z

0

You could construct the base object first, then add the (match_attributes) object only when it is available:

let test = {
  match_metadata : {
    name: this.name,
    type: this.type
  }
}

if(this.getValue) {
  test.match_attributes = {
    value : this.getValue
  }
}

answered Apr 2, 2020 at 9:49

Omar Alhaddad

193 bronze badges

Collectives™ on Stack Overflow

Is there any way to add or remove object dynamically using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related