Как перечислить свойства объекта JavaScript?
Скажем, я создаю объект таким образом:
var myObject =
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"};
Каков наилучший способ получить список имен свойств? то есть я хотел бы получить некоторые переменные "ключи", такие что:
keys == ["ircEvent", "method", "regex"]
18 ответов
В современных браузерах (IE9+, FF4+, Chrome5+, Opera12+, Safari5+) вы можете использовать встроенный метод Object.keys:
var keys = Object.keys(myObject);
Выше есть полное заполнение, но упрощенная версия:
var getKeys = function(obj){
var keys = [];
for(var key in obj){
keys.push(key);
}
return keys;
}
В качестве альтернативы заменить var getKeys с Object.prototype.keys чтобы позволить вам позвонить .keys() на любом объекте. Расширение прототипа имеет некоторые побочные эффекты, и я бы не рекомендовал это делать.
Как указал slashnick, вы можете использовать конструкцию for для итерации объекта по его именам атрибутов. Однако вы будете перебирать все имена атрибутов в цепочке прототипов объекта. Если вы хотите перебирать только собственные атрибуты объекта, вы можете использовать метод Object#hasOwnProperty(). Таким образом, имея следующее.
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
/* useful code here */
}
}
Как ответил Сэм Даттон, для этой цели в ECMAScript 5th Edition был введен новый метод. Object.keys() будет делать то, что вы хотите, и поддерживается в Firefox 4, Chrome 6, Safari 5 и IE 9.
Вы также можете очень легко реализовать метод в браузерах, которые его не поддерживают. Однако некоторые реализации не полностью совместимы с Internet Explorer. Вот более совместимое решение:
Object.keys = Object.keys || (function () {
var hasOwnProperty = Object.prototype.hasOwnProperty,
hasDontEnumBug = !{toString:null}.propertyIsEnumerable("toString"),
DontEnums = [
'toString', 'toLocaleString', 'valueOf', 'hasOwnProperty',
'isPrototypeOf', 'propertyIsEnumerable', 'constructor'
],
DontEnumsLength = DontEnums.length;
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);
}
if (hasDontEnumBug) {
for (var i = 0; i < DontEnumsLength; i++) {
if (hasOwnProperty.call(o, DontEnums[i]))
result.push(DontEnums[i]);
}
}
return result;
};
})();
Обратите внимание, что в настоящее время принятый ответ не включает проверку hasOwnProperty() и возвращает свойства, унаследованные через цепочку прототипов. Он также не учитывает известную ошибку DontEnum в Internet Explorer, когда неперечислимые свойства в цепочке прототипов приводят к тому, что локально объявленные свойства с тем же именем наследуют свой атрибут DontEnum.
Реализация Object.keys() даст вам более надежное решение.
РЕДАКТИРОВАТЬ: после недавнего обсуждения с kangax, известным участником Prototype, я реализовал обходной путь для ошибки DontEnum на основе кода для его Object.forIn() Функция найдена здесь.
Обратите внимание, что Object.keys и другие методы ECMAScript 5 поддерживаются в Firefox 4, Chrome 6, Safari 5, IE 9 и выше.
Например:
var o = {"foo": 1, "bar": 2};
alert(Object.keys(o));
Таблица совместимости ECMAScript 5: http://kangax.github.com/es5-compat-table/
Описание новых методов: http://markcaudill.com/index.php/2009/04/javascript-new-features-ecma5/
Object.getOwnPropertyNames(obj)
Эта функция также показывает не перечисляемые свойства в дополнение к показанным Object.keys(obj),
В JS каждое свойство имеет несколько свойств, включая логическое enumerable,
В общем случае неперечислимые свойства являются более "внутренними" и используются реже, но иногда полезно взглянуть на них, чтобы увидеть, что на самом деле происходит.
Пример:
var o = Object.create({base:0})
Object.defineProperty(o, 'yes', {enumerable: true})
Object.defineProperty(o, 'not', {enumerable: false})
console.log(Object.getOwnPropertyNames(o))
// [ 'yes', 'not' ]
console.log(Object.keys(o))
// [ 'yes' ]
for (var x in o)
console.log(x)
// yes, base
Также обратите внимание, как:
Object.getOwnPropertyNamesа такжеObject.keysне ходите по цепочке прототипов, чтобы найтиbasefor inделает
Подробнее о цепочке прототипов здесь: /questions/8244353/kak-rabotaet-javascript-prototype/8244366#8244366
Я большой поклонник функции дампа.
http://ajaxian.com/archives/javascript-variable-dump-in-coldfusion
Могли бы сделать это с помощью jQuery следующим образом:
var objectKeys = $.map(object, function(value, key) {
return key;
});
Если вы пытаетесь получить только элементы, но не функции, то этот код может помочь вам
this.getKeys = function() {
var keys = new Array();
for(var key in this) {
if( typeof this[key] !== 'function') {
keys.push(key);
}
}
return keys;
}
это часть моей реализации HashMap, и мне нужны только ключи, "this" - это объект hashmap, содержащий ключи
Это будет работать в большинстве браузеров, даже в IE8, и никаких библиотек не требуется. вар я твой ключ.
var myJSONObject = {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"};
var keys=[];
for (var i in myJSONObject ) { keys.push(i); }
alert(keys);
Использование Reflect.ownKeys()
var obj = {a: 1, b: 2, c: 3};
Reflect.ownKeys(obj) // ["a", "b", "c"]
Object.keys и Object.getOwnPropertyNames не могут получить не перечисляемые свойства. Это работает даже для не перечисляемых свойств.
var obj = {a: 1, b: 2, c: 3};
obj[Symbol()] = 4;
Reflect.ownKeys(obj) // ["a", "b", "c", Symbol()]
Mozilla имеет полную информацию о том, как сделать это в браузере, где это не поддерживается, если это поможет:
if (!Object.keys) {
Object.keys = (function () {
var hasOwnProperty = Object.prototype.hasOwnProperty,
hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
dontEnums = [
'toString',
'toLocaleString',
'valueOf',
'hasOwnProperty',
'isPrototypeOf',
'propertyIsEnumerable',
'constructor'
],
dontEnumsLength = dontEnums.length;
return function (obj) {
if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null) throw new TypeError('Object.keys called on non-object');
var result = [];
for (var prop in obj) {
if (hasOwnProperty.call(obj, prop)) result.push(prop);
}
if (hasDontEnumBug) {
for (var i=0; i < dontEnumsLength; i++) {
if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
}
}
return result;
};
})();
}
Вы можете включить его как хотите, но, возможно, в какой-то extensions.js файл в верхней части вашего стека скриптов.
В ES6 и более поздних версиях (ECMAScript 2015) вы можете получить все свойства, подобные этому:
let keys = Object.keys(myObject);
И если вы хотите перечислить все значения:
let values = Object.keys(myObject).map(key => myObject[key]);
Опираясь на принятый ответ.
Если у объекта есть свойства, которые вы хотите вызвать, скажем.properties() try!
var keys = Object.keys(myJSONObject);
for (var j=0; j < keys.length; j++) {
Object[keys[j]].properties();
}
Поскольку я использую underscore.js почти в каждом проекте, я бы использовал keys функция:
var obj = {name: 'gach', hello: 'world'};
console.log(_.keys(obj));
Результат этого будет:
['name', 'hello']
Здесь много ответов ... Это мои 2 цента.
Мне нужно что-то, чтобы распечатать все атрибуты JSON, даже те, которые содержат подобъекты или массивы (включая имя родителя).
Итак - для этого JSON:
mylittleJson = {
"one": "blah",
"two": {
"twoone": "",
"twotwo": "",
"twothree": ['blah', 'blah']
},
"three": ""
}
Он напечатал бы это:
.one
.two.twoone
.two.twotwo
.two.twothree
.three
Вот функция
function listatts(parent, currentJson){
var attList = []
if (typeof currentJson !== 'object' || currentJson == undefined || currentJson.length > 0) {
return
}
for(var attributename in currentJson){
if (Object.prototype.hasOwnProperty.call(currentJson, attributename)) {
childAtts = listatts(parent + "." + attributename, currentJson[attributename])
if (childAtts != undefined && childAtts.length > 0)
attList = [...attList, ...childAtts]
else
attList.push(parent + "." + attributename)
}
}
return attList
}
Надеюсь, это тоже поможет.
IE не поддерживает (я в obj) для нативных свойств. Вот список всех реквизитов, которые я мог найти.
Кажется, stackru выполняет некоторую глупую фильтрацию.
Список доступен в нижней части этого сообщения группы Google: - https://groups.google.com/group/hackvertor/browse_thread/thread/a9ba81ca642a63e0
Решение работает на моих делах и кросс-браузер:
var getKeys = function(obj) {
var type = typeof obj;
var isObjectType = type === 'function' || type === 'object' || !!obj;
// 1
if(isObjectType) {
return Object.keys(obj);
}
// 2
var keys = [];
for(var i in obj) {
if(obj.hasOwnProperty(i)) {
keys.push(i)
}
}
if(keys.length) {
return keys;
}
// 3 - bug for ie9 <
var hasEnumbug = !{toString: null}.propertyIsEnumerable('toString');
if(hasEnumbug) {
var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString',
'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString'];
var nonEnumIdx = nonEnumerableProps.length;
while (nonEnumIdx--) {
var prop = nonEnumerableProps[nonEnumIdx];
if (Object.prototype.hasOwnProperty.call(obj, prop)) {
keys.push(prop);
}
}
}
return keys;
};