Dynamically append an element to an object

Starkers

http://jsfiddle.net/LThXc/

object =  {}
key = 'jimbo'
$.extend( object, { key : 1 })

console.log( object ); // returned {key: 1}, expected {jimbo: 1}

It's strange. The variable is evaluated as a string, and that's used as the named key. I want the key to be called jimbo, not key.

Mike Bell

I'm not sure what the advantages of $.extend are, but this works:

object[key]=1

The problem with your example is, as you noticed, {key: 1}, evaluates "key" as a string, not a variable. Similar behavior applies to

object.key = 1

versus

object[key] = 1

I've spent more time than I'd like to admit debugging this exact issue in my own code, particularly when I started out with javascript.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Java

JQuery Append to a child element

From Java

Append an element in every class

From Dev

Append element as sibling after element?

From Dev

C# WPF dynamically create a GUI element for each object in list

From Dev

How to append string dynamically?

From Dev

Append an element to be a parent

From Dev

How to append an element to a textblock?

From Dev

How to append an element to HList

From Dev

Clone element and append and remove?

From Dev

How to append element to body?

From Dev

Trying to append an element jQuery

From Dev

How make ui-sref work dynamically via element.append?

From Dev

How to append an element inside object using a common way

From Dev

Remove element after append

From Dev

how to dynamically append an element to dom-if in Polymer?

From Dev

Couldn't append span element to array object in Angularjs/Jquery

From Dev

React / Rails : Append dynamically element to DOM

From Dev

Find element then append in loop

From Dev

Append NodeList to HTML element

From Dev

Dynamically Append LINQ Join

From Dev

append/insert a value/string to a list element dynamically in Python?

From Dev

Append element as sibling after element?

From Dev

How to append string dynamically?

From Dev

How to append button dynamically

From Dev

append element to dynamically generated div using same classnames - Jquery

From Dev

Python append object elements to list in for loop, get duplicate element?

From Dev

jQuery append element with object values

From Dev

$(element).remove && append(element) not working

From Dev

How do I append an element with an object as contents in it?