Question

我有一个简单的对象，如下所示：

var countries = 
{
"Argentina":1,
"Canada":2,
"Egypt":1,
};

我需要创建两个数组。第一个数组是来自对象的所有键的数组。我创建了这个数组：

var labels = Object.keys(countries);

这很有效。我获得了一系列国家。现在，当我尝试从值创建数组时......

var labels = Object.values(countries);

我收到此错误：Uncaught TypeError: Object.values is not a function JavaScript

我不知道我做错了什么。在我声明countries之前和之后，我控制台。labels并且对象保持不变。如何正确使用Object.values()？

Answer 1

许多浏览器都不支持

.values - 您可以使用.map获取所有值的数组：

var vals = Object.keys(countries).map(function(key) {
    return countries[key];
});

请参阅MDN文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values或官方文档：https://tc39.github.io/ecma262/#sec-object.values（感谢@evolutionxbox进行更正）

Answer 2

值得注意的是，只有Node版本＆gt; = 7.0.0完全支持此功能。

http://node.green

Answer 3

对于那些最终在这里使用Angular的用户，将import 'core-js/es7/object';添加到polyfills.ts文件中对我来说解决了这个问题。

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/es6/array';
import 'core-js/es6/date';
import 'core-js/es6/function';
import 'core-js/es6/map';
import 'core-js/es6/math';
import 'core-js/es6/number';
import 'core-js/es6/object';
import 'core-js/es6/parse-float';
import 'core-js/es6/parse-int';
import 'core-js/es6/regexp';
import 'core-js/es6/set';
import 'core-js/es6/string';
import 'core-js/es6/symbol';
import 'core-js/es6/weak-map';
import 'core-js/es7/array';
import 'core-js/es7/object'; // added import

Answer 4

看起来此问题已在safari最新版本中修复。我遇到了同样的问题。此问题发生在浏览器版本9.0.1中，并且不会发生在10.1.1

中

编辑以添加附件;

[snippet][1]
[object value][2]
[browser version][3]

Answer 5

使用mozilla中讨论的“for ... in”：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values

以下是我使用的代码：

function Object_values(obj) {
    let vals = [];
    for (const prop in obj) {
        vals.push(obj[prop]);
    }
    return vals;
}

// usage
let obj = {k1: 'v1', k2: 'v1', k3: 'v1'};

console.log(Object_values(obj));             // prints   [ 'v1', 'v1', 'v1' ]
// OR
console.log(Object_values(obj).join(', '));  // prints   v1, v1, v1

Answer 6

.values在许多浏览器中均不受支持-您可以使用.map获取所有值的数组：

var arr = [{ name: 'Steve',}, { name: 'Mike'}, { name: 'John'}];

function getStudentNames(students) {
   return students.map(x => x[Object.keys(x)]);
}

console.log(getStudentNames(arr));

Answer 7

我认为编译支持浏览器兼容性问题，你可以用 map 来实现同样的目的。

＆＃13;

var countries = [
  {
"Argentina": 1,
"Canada": 2,
"Egypt": 1,
"india": 1
  },
  {
"Argentina": 1,
"india": 1,
"US": 2,
"UK": 1,

  }
];

var unpick = countries.map(d=>{ return Object.keys(d) });
console.log(unpick)

＆＃13;

var countries = [
  {
"Argentina": 1,
"Canada": 2,
"Egypt": 1,
"india": 1
  },
  {
"Argentina": 1,
"india": 1,
"US": 2,
"UK": 1,

  }
];

var unpick = countries.map(d=>{ return Object.values(d) });
console.log(unpick)

＆＃13;

Answer 8

考虑使用<TreeView x:Name="Tree" SelectedItemChanged="Tree_SelectedItemChanged" ItemsSource="{Binding RootNodes}"> <TreeView.ItemTemplate> <HierarchicalDataTemplate ItemsSource="{Binding rsParentChild}"> <Grid> <materialDesign:PackIcon Kind="{Binding icon}" VerticalAlignment="Center"/> <TextBlock Name="MenuItem" Margin="20,0,0,0" Text="{Binding NodeDescription}" FontFamily="Humanst521 Lt BT" ></TextBlock> </Grid> </HierarchicalDataTemplate> </TreeView.ItemTemplate> </TreeView>

文档：https://lodash.com/docs/4.17.11#values

未捕获的TypeError：Object.values不是函数JavaScript

8 个答案: