Question

可能重复：
Pick random property from a Javascript object

假设我有一个javascript对象：

Config.UI.Area = {
        "uuid": {
            "_type": "string"
        },
        "frame": {
            "_type": "rect"
        },
        "zIndex": {
            "_type": "string"
        }
 }

然后我想获取每个属性的名称，如“uuid”，“frame”，“zIndex” 通过使用for循环：

var prop=config.ui.area;
var arr=new Array()
for(var i in prop){
    //do something with prop[i]?
    //arr.push(prop[i].....)?
}

我不能直接使用prop [i]，它会给我一个对象，我怎么能得到它的名字？

Answer 1

这将为您提供一系列属性名称：

for(var name in prop){
    //do something with prop[name]?
    arr.push(name);
}

它还会为您提供Object对象的“本机”属性的名称。为避免这种情况，请使用hasOwnProperty方法：

for(var name in prop){
    if (prop.hasOwnPropery(name) {
     arr.push(name);
    }
}

Answer 2

以下是迭代属性并获取相应值的方法

var prop=config.ui.area;
var arr=new Array()
for(var i in prop){
    //do something with prop[i]?
    var propertyName = i;
    var propertyValue = prop[i];
}

Answer 3

prop（和Config.UI.Area）是一个对象（不是对象数组）。所以你不能做prop [i]。

试试这个，

   var obj = {
           "uuid": {
               "_type": "string"
           },
           "frame": {
               "_type": "rect"
           },
           "zIndex": {
               "_type": "string"
           }
    }

   var prop = obj;
   var arr=[];
   for(var i in prop){
       if(i.hasOwnProperty){
         arr.push(i);
       }
   }
   console.log(arr);

Answer 4

要在循环中获取对象属性的名称，请使用：

for(var propertyName in myObject) {
  if(myObject.hasOwnProperty(propertyName) {
    console.log(propertyName); // will be uuid, frame or zIndex
  }
}

要获取子对象的属性，请使用

for(var propertyName in myObject) {
  if(myObject.hasOwnProperty(propertyName) {
    var subObject = myObject[propertyName];
    console.log(subObject._type);
           // will string or rect based on your sample code
  }
}

在循环中使用hasOwnProperty是一个好主意，因为它会过滤掉通过其prototype继承的对象的属性。

如何在javascript对象中获取一个属性名称？

4 个答案: