获取 JavaScript 对象的所有键

Question

我想知道是否有一种快速的方法可以将关联数组的键提取到数组中，或者使用 JavaScript 以逗号分隔的列表（可以使用 jQuery）。

options = {key1: "value1", key2: "value2"};

结果应该是数组：

["key1", "key2"]

或者只是一个字符串：

"key1, key2"

Answer 1

您可以通过for 循环轻松获取它们的数组，例如：

var keys = [];
for(var key in options) {
  if(options.hasOwnProperty(key)) { //to be safe
    keys.push(key);
  }
}

然后怎么用keys，例如：

var keyString = keys.join(", ");

You can test it out here。 .hasOwnProperty() 检查是安全的，以防有人弄乱了对象原型等。

Answer 2

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

Answer 3

一种 jQuery 方法：

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

Answer 4

现在大部分主流浏览器都内置了这个功能，方法是Object.keys():

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

你也可以在不支持它的浏览器中使用一点 sn-p 来实现它：

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;
    };
})();

该 sn-p 的工作方式与 Nick Craver 的示例中的几乎相同，但有 2 个例外：

• 如果您传入除 Object 以外的任何内容（或“关联数组”，如果您愿意），它将引发有意义的 TypeError。
• 它将解决 Internet Explorer 中与 DOM 相关的烦人问题，其中集合没有 hasOwnProperty 方法。

但是，这（以及此处的其他答案）无法解决 IE 枚举错误。您可以在 this answer here 上找到更多信息和部分解决方法。

Answer 5

您现在可以使用

Object.keys(obj)

获取由对象中可用键组成的数组。 Mozilla has usage and availability information.

Answer 6

你可以在 jQuery 中使用$.each()：

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

然后

var keys = keyArray(options);

给你["key1", "key2"]作为一个数组，你可以join得到一个字符串。