get name of array key

Question

I have a JSON like this:

{
        "myName":{
                 "forename":"alf",
                 "surname":"cool",
                 "phone":"000000000000",
                 "email":"mail@com"
},.....

My code where I can access each key

 for (var key in contacts) {
                          if (contacts.hasOwnProperty(key)) {
                                var newRow = new Element('li');
                                newRow.addClass('contact');
                                newRow.set('html', contacts[key].forename + ' ' + contacts[key].surname);

                                var innerSpan = new Element('span').set('html', contacts[key].phone + ', ' + contacts[key].email);
                                innerSpan.addClass('details');
                                innerSpan.set('html', contacts[key].phone + ', ' + contacts[key].email);
                                innerSpan.inject(newRow);

                                newRow.addEvent("click", this.setFromContact.bind(this, contacts[key]));
                                newRow.inject($(this.list));
                               // save myName to a variale here!!

                          }
                 }

Now I want to save "myName" to a variable.

I dont't get how I can save myName from the json in a variable — Bene
– Bene, Commented Jul 8, 2015 at 8:11
Do you want that in a variable or in a DOM element? Can you clearify the question a bit more? — Sergio
– Sergio, Commented Jul 8, 2015 at 8:45

Dimitar Christoff · Accepted Answer · 2015-07-08 22:04:31Z

2

Also, MooTools and ES5 provide Object.keys

var obj = {
    myName: { }
    yourName: { }
};

console.log(Object.keys(obj)); // ['myName', 'yourName'];

I would also advise you to use Object.each(obj, fn(value, key, obj){}) for iterator. see http://mootools.net/core/docs/1.5.1/Types/Object#Object:Object-each

it gives you a closure so variables are not re-declared and dont interfere with each other.

var keys = [];
Object.each(contacts, function(value, key){
    var newRow = new Element('li.contact').set('html', '{forename} {surname}'.substitute(value)),
        innerSpan = new Element('span.details').set('html', '{phone}, {email}'.substitute(value)).inject(newRow);

    newRow.addEvent("click", this.setFromContact.bind(this, value)).inject($(this.list));
    keys.push(key); // avoids extra Object.keys call
}, this);

edited Jul 8, 2015 at 22:04

answered Jul 8, 2015 at 21:56

Dimitar Christoff

26.1k8 gold badges53 silver badges69 bronze badges

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

Comments

R3tep · Accepted Answer · 2015-07-08 08:14:33Z

1

You can test the value of the keys and if the value is "myName" you can save it into a variable.

var myName = '';
for (var key in contacts) {
    if(key == "myName")
        myName = key;
}

answered Jul 8, 2015 at 8:14

R3tep

12.9k10 gold badges53 silver badges77 bronze badges

Comments

Ted Nyberg · Accepted Answer · 2015-07-08 09:01:35Z

1

// Variable with the "myName" object    
var myVariable = contacts[key];

key variable is a string, such as "myName"

edited Jul 8, 2015 at 9:01

answered Jul 8, 2015 at 8:14

Ted Nyberg

7,42110 gold badges44 silver badges83 bronze badges

3 Comments

Bene Over a year ago

but I only want the actual text ("myName") of the key, not the whole object

Ted Nyberg Over a year ago

What do you get if you do console.log(key)?

Bene Over a year ago

Okay, that was a stupid question of me. Thanks your advice with key made it!

Collectives™ on Stack Overflow

get name of array key

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related