Angularjs:从json对象创建一个键数组

时间:2014-06-06 18:22:43

标签: javascript arrays json angularjs

我在以下结构中有一个json:

$scope.hi=[{
"a":1,
"b":true,
"c":"great"
}];

我想只提取键并创建一个类似

的数组
$scope.bye=["a","b","c"];

虽然这似乎是一个非常基本的问题,但对我来说非常有用。

3 个答案:

答案 0 :(得分:7)

这就是你需要的

Object.keys($scope.hi[0]);

如果您定位IE,这仅适用于IE9 +。

另一种方法可能是使用循环

来获取它们
var obj = $scope.hi[0],
    array = [];

for (key in obj) {
   if (obj.hasOwnProperty(key)) {
       array.push(key);
   }
}

另请注意,根据浏览器的实施情况,可能无法遵守密钥的顺序。

答案 1 :(得分:2)

您可以使用#aduch变体或开始使用名为underscorejs

的优秀lib
_.keys($scope.hi) // result: ["a","b","c"]

答案 2 :(得分:1)

正如@aduch所说,使用

Object.keys($scope.hi[0]).

在使用它之前添加以下代码来处理未实现Object.keys

的浏览器
// From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
if (!Object.keys) {
  Object.keys = (function () {
    'use strict';
    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 = [], prop, i;

      for (prop in obj) {
        if (hasOwnProperty.call(obj, prop)) {
          result.push(prop);
        }
      }

      if (hasDontEnumBug) {
        for (i = 0; i < dontEnumsLength; i++) {
          if (hasOwnProperty.call(obj, dontEnums[i])) {
            result.push(dontEnums[i]);
          }
        }
      }
      return result;
    };
  }());
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys