Why I Can not display "person name :"?

Question

<p id="display1"></p>
<p id="display2"></p>



var person1= {
    name: 'John Smith',
    hobbies: ['surfing', 'diving']
};

$("#display1").append( "<br/>" + "person name :" + person1.name  + "<br/>");

var person2= clone(person1);

$("#display2").append( "<br/>" + "person name :" + person1.name  + "<br/>");

Demo jsFiddle

the above code siplay person1 name.

why it doesn't display person2 ? Many thx.

Check the console: Uncaught ReferenceError: clone is not defined — gearsdigital, Sep 20 '12 at 12:11
Chrome: F12; Firefox: install [Firebug](https://getfirebug.com/), F12. — Fabrício Matté, Sep 20 '12 at 12:13
This question should be downvoted, there is no reason that a person who is learning JavaScript should know what is the console. — Ram, Sep 20 '12 at 12:32

score 2 · Answer 1 · answered Sep 20 '12 at 12:12

2

There is a syntax error in your code. clone clones the DOM objects, why not?

var person2 = person1;

answered Sep 20 '12 at 12:12

Ram

143,282
16
168
197

score 1 · Answer 2 · answered Sep 20 '12 at 12:11

1

JQuery's clone() only clone DOM elements. Use extend() instead : $.extend({}, person1);

answered Sep 20 '12 at 12:11

slaphappy

6,894
3
34
59

score 1 · Accepted Answer · edited May 23 '17 at 10:25

1

check out the answer to this question

What is the most efficient way to deep clone an object in JavaScript?

covers what you need, which is shown in this fiddle

http://jsfiddle.net/sGK6u/1/

edited May 23 '17 at 10:25

Community

1
1

answered Sep 20 '12 at 12:14

olly_uk

11,559
3
39
45

score 0 · Answer 4 · answered Sep 20 '12 at 12:14

0

$("#display2").append( "<br/>" + "person name :" + person2.name  + "<br/>");

answered Sep 20 '12 at 12:14

Sid

854
9
23

score 0 · Answer 5 · answered Sep 20 '12 at 12:16

0

You are getting error in Clone()...Use "extend" method to copy the object

 jQuery.extend(copiedObject,originalObject);

answered Sep 20 '12 at 12:16

Amol Kolekar

2,307
5
30
45

Why I Can not display "person name :"?

5 Answers5