JavaScript如何获取变量(对象类型)属性名称？

Question

我有一些具有某些属性的变量:

var fullName = { FirstName:'Josef',SecondName:'Luis', LastName:'Pumpkin'}

我正在获取此变量的值并将其放入表中，如下所示:

for(var i in fullName){
  if(fullName.hasOwnProperty(i)){
   var newCell = newRow.insertCell(0);
   newCell.innerHTML = fullName[i];
  }
}

输出结果为:Josef Luis Pumpkin。问题是我如何也添加他们的属性名称，以获得如下输出:FirstName - Josef，SecondName - Luis，LastName - Pumpkin (分别在他们的细胞中)？

Answer 1

I'm having variable with some parameters

变量引用具有属性(而非参数)的对象。

您在循环中拥有属性的名称(如 i)。只需使用字符串连接:

newCell.innerHTML = i + " - " + fullName[i];

或者在现代(ES2015+)环境中，您可以使用 template literal :

newCell.innerHTML = `${i} - ${fullName[i]}`;

<小时/>

请注意，for-in 访问属性的顺序是 not guaranteed ，甚至在 ES2015+ 中也没有。即使指定了 for-in 来支持 ES2015 添加到属性的顺序，该顺序也会根据对象的创建方式而变化。因此请注意，您创建的单元格的顺序可能不一致。