Get all keys of a JavaScript object

options = {key1: "value1", key2: "value2"};
keys = Object.keys(options);

A jQuery way of doing it:

var keys = [];
options = {key1: "value1", key2: "value2"};
$.each(options, function(key, value) { keys.push(key) })
console.log(keys)

Most of the major browsers have this functionality built-in now, the method is Object.keys():

var keys = Object.keys(options);
//-> ["key1", "key2"]

You can also use a little snippet to implement this in browsers that don't support it:

Object.keys = Object.keys || (function () {
    var hasOwnProperty = Object.prototype.hasOwnProperty;

    return function (o) {
        if (typeof o != "object" && typeof o != "function" || o === null)
            throw new TypeError("Object.keys called on a non-object");

        var result = [];
        for (var name in o) {
            if (hasOwnProperty.call(o, name))
                result.push(name);
        }

        return result;
    };
})();

That snippet works much the same as the one in Nick Craver's example with 2 exceptions:

• It will throw a meaningful TypeError if you pass anything other than an Object in (or "associative array", if you like).
• It will work around an annoying DOM-related issue in Internet Explorer where collections don't have the hasOwnProperty method.

This (and the other answers here) doesn't work around an IE enumeration bug, however. You can find more information and a partial work around for that on this answer here.

You can now use

Object.keys(obj)

to get an array consisting of the available keys in an object. Mozilla has usage and availability information.

You can use $.each() in jQuery:

function keyArray(obj) {
  var rv = [];
  $.each(options, function(key) { rv.push(key); });
  return rv;
}

then

var keys = keyArray(options);

gives you ["key1", "key2"] as an array, which you could join to get a string.