我不建议您使用Object.keys，因为旧IE版本不支持它。但如果你真的需要，你可以使用上面的代码来保证向后兼容性：

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

功能Firefox（壁虎）4（2.0）Chrome 5 Internet Explorer 9 Opera 12 Safari 5

更多信息：https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys

但如果您只需要第一个，我们可以安排一个更短的解决方案，如：

var data = {"key1":"123","key2":"456"};
var first = {};
for(key in data){
    if(data.hasOwnProperty(key)){
        first.key = key;
        first.content =  data[key];
        break;
    }
}
console.log(first); // {key:"key",content:"123"}

这是一个老问题，但大多数解决方案都假设我们知道属性的名称，但事实并非如此。例如，如果您试图从用户可以上传的文件或类似案例中可视化数据，则情况并非如此。

这是我使用的一个简单函数，在两种情况下都可以使用，即您知道变量，如果不知道，它将返回对象的第一个属性（按字母顺序排序）

label函数接收对象d，如果存在则提取键，否则返回对象的第一个属性。

常量数据=[{label:“A”，值：10}，{标签：“B”，值：15}，{label:“C”，值：20}，{label:“D”，值：25}，｛label:“E”，值：30｝]const keys=['label'，0，''，null，undefined]常量标签=（d，k）=>k？d[k]：对象.值（d）[0]data.forEach（d=>{console.log（`first:${label（d）}，label:${label（d，keys[0]）}`）})keys.forEach（k=>{console.log（`$｛k｝的标签：$｛label（data[0]，k）｝`）})

对于0、“”、null和undefined等值，将返回数组的第一个元素。

尝试for…in循环，并在第一次迭代后中断：

for (var prop in object) {
    // object[prop]
    break;
}

使用Object.keys获取对象的财产数组。例子：

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

var keys = Object.keys(example); // => ["foo1", "foo2", "foo3"] (Note: the order here is not reliable)

此处提供了文档和跨浏览器垫片。它的使用示例可以在我的另一个答案中找到。

编辑：为了清楚起见，我只想重复其他答案中正确的表述：JavaScript对象中的键顺序未定义。

优雅地遍历键值的基本语法

const object1 = {
  a: 'somestring',
  b: 42
};

for (const [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

// expected output:
// "a: somestring"
// "b: 42"

我不建议您使用Object.keys，因为旧IE版本不支持它。但如果你真的需要，你可以使用上面的代码来保证向后兼容性：

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

功能Firefox（壁虎）4（2.0）Chrome 5 Internet Explorer 9 Opera 12 Safari 5

更多信息：https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys

但如果您只需要第一个，我们可以安排一个更短的解决方案，如：

var data = {"key1":"123","key2":"456"};
var first = {};
for(key in data){
    if(data.hasOwnProperty(key)){
        first.key = key;
        first.content =  data[key];
        break;
    }
}
console.log(first); // {key:"key",content:"123"}