Javascript : add/remove json element in json object

Question

I need to modify my JSON Object by add/remove Json element. Here is my JSON Object,

var candidate = {  
   "name":"lokesh",
   "age":26,
   "skills":[  
      "Java",
      "Node Js",
      "Javascript"
   ]
};

I need to remove the element "skills" and output should be like,

{  
   "name":"lokesh",
   "age":26
}

And I again I need to add the element "skills" as string and the output should be like,

{  
   "name":"lokesh",
   "age":26,
   "skills":"javascript"
}

Please help,

Thanks in advance.

In JS , You can directly access candidate variable and assign only javascript to it . candidate.skills = "javascript" — sathya
– sathya, Commented Jun 24, 2016 at 9:57
Add the code you have written so far and which problem are you facing. You must demonstrate some research was done before asking. See mvce — flaviodesousa
– flaviodesousa, Commented Jun 24, 2016 at 10:02

Praveen · Accepted Answer · 2016-06-24 10:02:52Z

10

Other ways it can be achieved.

For Adding:

candidate["skills"] = "javascript";

For Deleting:

var skill = "javascript";
delete candidate[skill];

or

delete candidate.skills;

answered Jun 24, 2016 at 10:02

Praveen

6573 gold badges11 silver badges23 bronze badges

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

Comments

Ninju · Accepted Answer · 2016-06-24 10:01:09Z

1

Removing a property of an object can be done by using the delete keyword:

candidate.delete("skills");

OR

   delete candidate["skills"];

To add a property to an existing object in JS you could do the following.

candidate["skills"] = "javscript";

OR

candidate.skills = "javscript";

https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Working_with_Objects https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/for...in https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/delete

answered Jun 24, 2016 at 10:01

Ninju

2,5322 gold badges16 silver badges21 bronze badges

Comments

mauretto · Accepted Answer · 2016-06-24 10:01:52Z

1

For removing:

How do I remove a property from a JavaScript object?

For adding, just set the new value for that property.

answered Jun 24, 2016 at 10:01

mauretto

3,2823 gold badges31 silver badges31 bronze badges

Comments

Pang · Accepted Answer · 2017-05-29 04:54:42Z

1

You can directly assign "javscript" to "skills" key.

var candidate = {  
   "name":"lokesh",
   "age":26,
   "skills":[  
      "Java",
      "Node Js",
      "Javascript"
   ]
};

You can directly do this.

candidate.skills = "javascript";

Or you can delete the "skills" key and add it again.

e.g.

delete candidate["skills"];

candidate["skills"] = "javascript";

edited May 29, 2017 at 4:54

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered May 29, 2017 at 4:35

Abhijit

2521 silver badge7 bronze badges

Comments

Hith · Accepted Answer · 2018-07-07 04:47:14Z

1

You should use delete method to delete members of an object.

delete candidate.skills;

Note: You cannot delete objects or functions in the global scope with delete keyword. However you can delete a function which is a member of an object.

answered Jul 7, 2018 at 4:47

Hith

4481 gold badge8 silver badges18 bronze badges

Comments

Subburaj · Accepted Answer · 2016-06-24 09:55:02Z

0

For removing:

candidate.delete("skills");

For adding:

candidate.skills = "javscript"

answered Jun 24, 2016 at 9:55

Subburaj

5,21211 gold badges48 silver badges95 bronze badges

2 Comments

Roland Starke Over a year ago

delete candidate.skills;

31piy Over a year ago

Your code has syntax error. @RolandStarke proposed the correction.

Pablo Abad · Accepted Answer · 2018-09-21 07:02:40Z

0

This piece of coude should do it:

var candidate = {  
   "name":"lokesh",
   "age":26,
   "skills":[  
      "Java",
      "Node Js",
      "Javascript"
   ]
};

delete candidate.skills;
console.log(candidate);
candidate["skills"] = "javascript";
console.log(candidate);

answered Sep 21, 2018 at 7:02

Pablo Abad

623 bronze badges

1 Comment

sɐunıɔןɐqɐp Over a year ago

Welcome to Stack Overflow! Please don't answer just with source code. Try to provide a nice description about how your solution works. See: How do I write a good answer?. Thanks

Moaz Salem · Accepted Answer · 2020-01-04 04:15:02Z

0

this is your json object

var candidate = {  
       "name":"lokesh",
       "age":26,
       "skills":[  
          "Java",
          "Node Js",
          "Javascript"
       ]
    };

to read any prop you can call like:

var name = candidate.name; or candidate[0].name
var age = candidate.age; or candidate[0].age;
var skills = candidate.skills; or candidate[0].skills;

to write any of prop: candidate.name = 'moaz'; candidate.age = 35;

remove skills value:

candidate.skills = null; or candidate.skills = '';

here skills is list of json if I use as string value or list of string:

candidate.skills = 'javasccript'; //Use skills as string value
candidate.skills.push('javascript'); //Use skills as list of string

to read skills:

for (var i = 0; i < candidate.skills.length; i++) {
   var skill = candidate.skills[i];
}

answered Jan 4, 2020 at 4:15

Moaz Salem

4483 silver badges5 bronze badges

1 Comment

Moaz Salem Over a year ago

delete candidate.skills; will remove prop with value

Collectives™ on Stack Overflow

Javascript : add/remove json element in json object

8 Answers 8

Comments

Comments

Comments

Comments

Comments

2 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Comments

Comments

Comments

Comments

Comments

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related