Copying JavaScript Object Without Adding Reference

Posted on the August 28th, 2008 under JavaScript, Programming, Q&A, Savvy.UI by Zaki

Question

How to copy a JavaScript Object without adding the reference to the object it copy from? For example:

var user = {
	name: "Mior Muhammad Zaki",
	age: 25
};
var programmer = user;
programmer.language = ["PHP", "MySQL", "JavaScript"];
alert(user.language);
// return ["PHP", "MySQL", "JavaScript"] (when expect undefined)

Answer

The all new Savvy.UI JavaScript Library have solve this issue by instead of using programmer = user we just copy all method under user to programmer via Js.nue() function. Here the example (based on above):

var user = {
	name: "Mior Muhammad Zaki",
	age: 25
};
var programmer = Js.nue(user);
programmer.language = ["PHP", "MySQL", "JavaScript"];
alert(user.language);
// return undefined

No Responses to 'Copying JavaScript Object Without Adding Reference'

Subscribe to comments with RSS or TrackBack to 'Copying JavaScript Object Without Adding Reference'.
Leave a Reply
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">