blocks|key|1083143|text|使用Object.keys():|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1083144|​|1083145|var+myObject+=+{+a:+'c',+b:+'a',+c:+'b'+};
var+keyNames+=+Object.keys(myObject);
console.log(keyNames);+//+Outputs+["a","b","c"]|code-block|syntax|javascript|1083146|1083147|Object.keys()为您提供了一个属于输入对象的属性名称数组。|style|CODE|1083148|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys^0|2|E|0|0|0|0|0|0|D|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|K|3|E|5|6|7|13|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|14|8|@$A|15|B|16|N|O]]|9|@]|C|$]]|$1|P|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|Q|$R|$5|S|T|U|C|$V|W]]]]

Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys" rel="noreferrer">Object.keys():</a>

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var myObject = { a: 'c', b: 'a', c: 'b' };
var keyNames = Object.keys(myObject);
console.log(keyNames); // Outputs ["a","b","c"]</code></pre>
</div>
</div>


<code>Object.keys()</code> gives you an array of property names belonging to the input object.

blocks|key|868277|text|i是名称。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|868278|for(var+name+in+obj)+{
++++alert(name);
++++var+value+=+obj[name];
++++alert(value);
}|code-block|syntax|javascript|868279|所以你可以这样做：|868280|seperateObj[i]+=+myObject[i];|868281|entityMap^0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

<code>i</code> is the name.

<pre><code>for(var name in obj) {
 alert(name);
 var value = obj[name];
 alert(value);
}
</code></pre>

So you could do:

<pre><code>seperateObj[i] = myObject[i];
</code></pre>

blocks|key|868633|text|您可以轻松地在对象中迭代|type|unstyled|depth|inlineStyleRanges|entityRanges|data|868634|例如:如果对象是var+a={a：‘苹果’，b：‘球’，c：‘猫’，d：‘玩偶’，e：‘大象’}；|868635|Object.keys(a).forEach(key+=>+{
+++console.log(key)+//+returns+the+keys+in+an+object
+++console.log(a[key])++//+returns+the+appropriate+value+
})|code-block|syntax|javascript|868636|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

you can easily iterate in objects 

eg: if the object is 
var a = {a:'apple', b:'ball', c:'cat', d:'doll', e:'elephant'};

<pre><code>Object.keys(a).forEach(key =&gt; {
 console.log(key) // returns the keys in an object
 console.log(a[key]) // returns the appropriate value 
})
</code></pre>

blocks|key|868394|text|要按位置直接访问对象属性...通常对属性有用...所以它保存着关于更远的.或者在用于第一个加载的外部模块的node.js+'require.cache‘中，等等。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|868395|Object.keys(+myObject+)[+0+]
Object.keys(+myObject+)[+1+]
...
Object.keys(+myObject+)[+n+]|code-block|syntax|javascript|868396|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

for direct access a object property by position...
generally usefull for property [0]... so it holds info about the further...
or in node.js 'require.cache[0]' for the first loaded external module, etc. etc.

<pre><code>Object.keys( myObject )[ 0 ]
Object.keys( myObject )[ 1 ]
...
Object.keys( myObject )[ n ]
</code></pre>

blocks|key|868683|text|除了"Object.keys(+obj+)“之外，我们还有非常简单的"for...in”循环--循环遍历对象的可枚举属性名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|868684|​|868685|const+obj+=+{"fName":"John","lName":"Doe"};

for+(const+key+in+obj)+{
++++//This+will+give+key
++++++console.log(key);
++++//This+will+give+value
++++console.log(obj[key]);
++++
}|code-block|syntax|javascript|868686|868687|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

Other than "Object.keys( obj )", we have very simple "for...in" loop - which loops over enumerable property names of an object.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const obj = {"fName":"John","lName":"Doe"};

for (const key in obj) {
 //This will give key
 console.log(key);
 //This will give value
 console.log(obj[key]);
 
}</code></pre>
</div>
</div>

blocks|key|1083236|text|获取对象的属性或“数组键”或“数组索引”，这取决于您的母语是什么……使用Object.keys()方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1083237|重要的是，这只与“现代浏览器”兼容：|1083238|所以如果你的对象被调用，myObject..。|1083239|var+c+=+0;
for(c+in+myObject)+{
++++console.log(Object.keys(myObject[c]));
}|code-block|syntax|javascript|1083240|沃拉！这肯定会在最新的火狐、ie11和chrome中工作……|1083241|以下是MDN+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys上的一些文档|offset|length|1083242|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys^0|0|0|0|0|0|7|2K|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

To get the property of the object or the "array key" or "array index" depending on what your native language is..... Use the Object.keys() method. 

Important, this is only compatible with "Modern browsers":

So if your object is called, myObject...

<pre><code>var c = 0;
for(c in myObject) {
 console.log(Object.keys(myObject[c]));
}
</code></pre>

Walla! This will definitely work in the latest firefox and ie11 and chrome...

Here is some documentation at MDN
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys</a>

blocks|key|868517|text|在ES5中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|868518|例如，你有这样一种对象：|868519|var+ELEMENTS+=+{
++++STEP_ELEMENT:+{+ID:+"0",+imageName:+"el_0.png"+},
++++GREEN_ELEMENT:+{+ID:+"1",+imageName:+"el_1.png"+},
++++BLUE_ELEMENT:+{+ID:+"2",+imageName:+"el_2.png"+},
++++ORANGE_ELEMENT:+{+ID:+"3",+imageName:+"el_3.png"+},
++++PURPLE_ELEMENT:+{+ID:+"4",+imageName:+"el_4.png"+},
++++YELLOW_ELEMENT:+{+ID:+"5",+imageName:+"el_5.png"+}
};|code-block|syntax|javascript|868520|现在，如果你想要有一个函数，如果你传递'0‘作为参数--获取'STEP_ELEMENT'，如果'2’获取'BLUE_ELEMENT‘，依此类推|868521|function(elementId)+{
++++var+element+=+null;

++++Object.keys(ELEMENTS).forEach(function(key)+{
++++++++if(ELEMENTS[key].ID+===+elementId.toString()){
++++++++++++element+=+key;
++++++++++++return;
++++++++}++++
++++});

++++return+element;
}|868522|这可能不是解决这个问题的最佳方案，但给你一个如何做的想法是很好的。|868523|干杯。|868524|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

IN ES5

E.G. you have this kind of object:

<pre><code>var ELEMENTS = {
 STEP_ELEMENT: { ID: "0", imageName: "el_0.png" },
 GREEN_ELEMENT: { ID: "1", imageName: "el_1.png" },
 BLUE_ELEMENT: { ID: "2", imageName: "el_2.png" },
 ORANGE_ELEMENT: { ID: "3", imageName: "el_3.png" },
 PURPLE_ELEMENT: { ID: "4", imageName: "el_4.png" },
 YELLOW_ELEMENT: { ID: "5", imageName: "el_5.png" }
};
</code></pre>

And now if you want to have a function that if you pass '0' as a param - to get 'STEP_ELEMENT', if '2' to get 'BLUE_ELEMENT' and so for

<pre><code>function(elementId) {
 var element = null;

 Object.keys(ELEMENTS).forEach(function(key) {
 if(ELEMENTS[key].ID === elementId.toString()){
 element = key;
 return;
 } 
 });

 return element;
}
</code></pre>

This is probably not the best solution to the problem but its good to give you an idea how to do it.

Cheers.

blocks|key|868577|text|从2018年起，您可以使用Developer+Mozilla+Documentation中所述的Object.getOwnPropertyNames()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|868578|const+object1+=+{
++a:+1,
++b:+2,
++c:+3
};

console.log(Object.getOwnPropertyNames(object1));
//+expected+output:+Array+["a",+"b",+"c"]|code-block|syntax|javascript|868579|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames^0|1C|S|D|V|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

As of 2018 , You can make use of <code>Object.getOwnPropertyNames()</code> as described in <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames" rel="nofollow noreferrer">Developer Mozilla Documentation</a>

<pre><code>const object1 = {
 a: 1,
 b: 2,
 c: 3
};

console.log(Object.getOwnPropertyNames(object1));
// expected output: Array ["a", "b", "c"]
</code></pre>

blocks|key|868315|text|当您执行首先放置的for/in循环时，i是属性名。因此，您拥有属性名i，并通过执行myObjecti来访问值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|868316|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

When you do the for/in loop you put up first, i is the property name. So you have the property name, i, and access the value by doing myObject[i].

blocks|key|1083353|text|这些解决方案也有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1083354|//+Solution+One
function+removeProperty(obj,+prop)+{
++var+bool;
++var+keys+=+Object.keys(obj);
++for+(var+i+=+0;+i+<+keys.length;+i%2B%2B)+{
++++if+(keys[i]+===+prop)+{
++++++delete+obj[prop];
++++++bool+=+true;
++++}+
++}
++return+Boolean(bool);
}


//Solution+two
function+removeProperty(obj,+prop)+{
++var+bool;
++if+(obj.hasOwnProperty(prop))+{
++++++bool+=+true;
++++++delete+obj[prop];
++}
++return+Boolean(bool);
}|code-block|syntax|javascript|1083355|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

These solutions work too.

<pre><code>// Solution One
function removeProperty(obj, prop) {
 var bool;
 var keys = Object.keys(obj);
 for (var i = 0; i &lt; keys.length; i++) {
 if (keys[i] === prop) {
 delete obj[prop];
 bool = true;
 } 
 }
 return Boolean(bool);
}


//Solution two
function removeProperty(obj, prop) {
 var bool;
 if (obj.hasOwnProperty(prop)) {
 bool = true;
 delete obj[prop];
 }
 return Boolean(bool);
}
</code></pre>

blocks|key|868742|text|使用Object.keys()函数从Object获取属性，可以帮助按名称查找属性，例如：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|868743|const+Products+=+function(){
++++this.Product+=+"Product+A";
++++this.Price+=+9.99;
++++this.Quantity+=+112;
};

//+Simple+find+function+case+insensitive
let+findPropByName+=+function(data,+propertyName){
+let+props+=+[];
+Object.keys(data).forEach(element+=>+{
++++return+props.push(element.toLowerCase());
++});
++console.log(props);
++let+i+=+props.indexOf(propertyName.toLowerCase());

++if(i+>+-1){
++++return+props[i];
++}
++return+false;
};

//+calling+the+function
let+products+=+new+Products();
console.log(findPropByName(products,+'quantity'));|code-block|syntax|javascript|868744|entityMap^0|2|D|I|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Using <code>Object.keys()</code> function for acquiring properties from an <code>Object</code>, and it can help search property by name, for example:

<pre><code>const Products = function(){
 this.Product = "Product A";
 this.Price = 9.99;
 this.Quantity = 112;
};

// Simple find function case insensitive
let findPropByName = function(data, propertyName){
 let props = [];
 Object.keys(data).forEach(element =&gt; {
 return props.push(element.toLowerCase());
 });
 console.log(props);
 let i = props.indexOf(propertyName.toLowerCase());

 if(i &gt; -1){
 return props[i];
 }
 return false;
};

// calling the function
let products = new Products();
console.log(findPropByName(products, 'quantity'));
</code></pre>

blocks|key|1083276|text|快速和肮脏：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1083277|function+getObjName(obj)+{
++return+(wrap={obj})+&&+eval('for(p+in+obj){p}')+&&+(wrap=null);
}|code-block|syntax|javascript|1083278|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Quick &amp; dirty:

<pre><code>function getObjName(obj) {
 return (wrap={obj}) &amp;&amp; eval('for(p in obj){p}') &amp;&amp; (wrap=null);
}
</code></pre>

I was wondering if there was any way in JavaScript to loop through an object like so.

<pre><code>for(var i in myObject) {
 // ...
}
</code></pre>

But get the name of each property like this.

<pre><code>for(var i in myObject) {
 separateObj[myObject[i].name] = myObject[i];
}
</code></pre>

I can't seem to find anything like it on Google. They say to pass the names of the variables with them but this is not an option for what I am trying to achieve.

Thanks for any help you can offer.

Getting the object's property name

我想知道在JavaScript中是否有任何方法可以像这样循环遍历对象。for(var i in myObject) {    // ...}但是像这样获取每个属性的名称。for(var i in myObject) {    separateObj[myObject[i].name] = myObject[i];}我在谷歌上似乎找不到任何类似的东西。他们说要传递变量的名称，但这不是我想要实现的选择

问获取对象的属性名称
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取对象的属性名称EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取对象的属性名称
EN