Uncaught TypeError: Object.values nie jest funkcją JavaScript

Question 1

Mam prosty obiekt taki jak ten poniżej:

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

Muszę utworzyć dwie tablice. Pierwsza tablica to tablica wszystkich kluczy z obiektu. Utworzyłem tę tablicę przez:

var labels = Object.keys(countries);

To działa dobrze. Otrzymuję szereg krajów. Teraz, gdy próbuję utworzyć tablicę z wartości ...

var labels = Object.values(countries);

Otrzymuję ten błąd: Uncaught TypeError: Object.values is not a function JavaScript

Nie wiem, co robię źle. Ja console.log countriesprzed i po oświadczam, labelsa przedmiot pozostaje ten sam. Jak prawidłowo używać Object.values()?

Question 2

.valuesnie jest obsługiwany w wielu przeglądarkach - możesz użyć, .mapaby uzyskać tablicę wszystkich wartości:

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

Zobacz dokumentację MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values lub Official doc: https://tc39.github.io/ecma262/#sec- object.values (dzięki @evolutionxbox za korektę)

Question 3

Warto również zauważyć, że tylko wersje Node> = 7.0.0 w pełni to obsługują.

http://node.green

Question 4

Dla tych, którzy tu trafili i używają Angulara, dodanie import 'core-js/es7/object';do polyfills.tspliku rozwiązało problem.

/** 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

Question 5

Wygląda na to, że ten problem został rozwiązany w najnowszej wersji Safari. Doszedłem do tego samego problemu. Ten problem występuje w przeglądarce w wersji 9.0.1 i nie występuje w wersji 10.1.1

Edycja w celu dodania załączników:

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

Question 6

Używanie „for ... in” omówione na mozilla: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values

Oto kod, którego użyłem:

function objectValues(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(objectValues(obj));             // prints   the array  [ 'v1', 'v1', 'v1' ]
// OR
console.log(objectValues(obj).join(', '));  // prints   the string 'v1, v1, v1'

Question 7

Myślę, że problem z obsługą kompilacji na kompatybilność przeglądarek, możesz użyć mapy, aby osiągnąć to samo.

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)

Rozwiń fragment

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)

Rozwiń fragment

Question 8

Rozważ użycie _.values(object)

Dokumenty: https://lodash.com/docs/4.17.11#values

Answer 1

80

Mam prosty obiekt taki jak ten poniżej:

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

Muszę utworzyć dwie tablice. Pierwsza tablica to tablica wszystkich kluczy z obiektu. Utworzyłem tę tablicę przez:

var labels = Object.keys(countries);

To działa dobrze. Otrzymuję szereg krajów. Teraz, gdy próbuję utworzyć tablicę z wartości ...

var labels = Object.values(countries);

Otrzymuję ten błąd: Uncaught TypeError: Object.values is not a function JavaScript

Nie wiem, co robię źle. Ja console.log countriesprzed i po oświadczam, labelsa przedmiot pozostaje ten sam. Jak prawidłowo używać Object.values()?

javascript arrays node.js object cross-browser Alex Fallenstedt
źródło

Jakiej przeglądarki używasz, ponieważ według MDN nie mogłaby być obsługiwana

Mark C.

@MarkC. Używam Google Chrome 52.0.2743.82

Alex Fallenstedt

Answer 2

Jakiej przeglądarki używasz, ponieważ według MDN nie mogłaby być obsługiwana

Mark C.

Answer 3

@MarkC. Używam Google Chrome 52.0.2743.82

Alex Fallenstedt

Answer 4

224

.valuesnie jest obsługiwany w wielu przeglądarkach - możesz użyć, .mapaby uzyskać tablicę wszystkich wartości:

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

Zobacz dokumentację MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values lub Official doc: https://tc39.github.io/ecma262/#sec- object.values (dzięki @evolutionxbox za korektę)

tymeJV
źródło

2

Dziwne. .valueswydaje się tak potężny. Dziękuję za pokazanie mi alternatywy. Teraz ma to o wiele więcej sensu!

Alex Fallenstedt

1

(psst, mdn, mimo że jest niesamowity, nie jest "oficjalną" dokumentacją - tc39.github.io/ecma262/#sec-object.values )

evolutionxbox

Nie wspomina się tutaj o tym, że Object.keys przestawia zwracaną tablicę w tablicy, podobnie jak obiekty z losowym porządkiem kluczy, więc zwracane wartości mogą nie być w tej samej kolejności, co w oryginalnym obiekcie. var anObj = {100: 'a', 2: 'b', 7: 'c'}; console.log (Object.keys (anObj)); // console: ['2', '7', '100']

user1502826

2

Klucze obiektów i tak są nieuporządkowane, więc kolejność w tablicy nie powinna mieć znaczenia.

tymeJV

IE 11 jest jedyną nowoczesną przeglądarką, która nie obsługuje Object.values(). Po prostu ugryzł nas dziś rano. Testowaliśmy na Chrome, ale nie na IE. Dzięki @tymeJV za świetną odpowiedź i przykład.

Alex

Answer 5

2

Dziwne. .valueswydaje się tak potężny. Dziękuję za pokazanie mi alternatywy. Teraz ma to o wiele więcej sensu!

Alex Fallenstedt

Answer 6

1

(psst, mdn, mimo że jest niesamowity, nie jest "oficjalną" dokumentacją - tc39.github.io/ecma262/#sec-object.values )

evolutionxbox

Answer 7

Nie wspomina się tutaj o tym, że Object.keys przestawia zwracaną tablicę w tablicy, podobnie jak obiekty z losowym porządkiem kluczy, więc zwracane wartości mogą nie być w tej samej kolejności, co w oryginalnym obiekcie. var anObj = {100: 'a', 2: 'b', 7: 'c'}; console.log (Object.keys (anObj)); // console: ['2', '7', '100']

user1502826

Answer 8

2

Klucze obiektów i tak są nieuporządkowane, więc kolejność w tablicy nie powinna mieć znaczenia.

tymeJV

Answer 9

IE 11 jest jedyną nowoczesną przeglądarką, która nie obsługuje Object.values(). Po prostu ugryzł nas dziś rano. Testowaliśmy na Chrome, ale nie na IE. Dzięki @tymeJV za świetną odpowiedź i przykład.

Alex

Answer 10

19

Warto również zauważyć, że tylko wersje Node> = 7.0.0 w pełni to obsługują.

http://node.green

fobos
źródło

1

wpadłem na te uruchomione testy żartów, myślałem, że jestem na węźle v8, ale okazuje się, że byłem na węźle v6. sprawdź wersję swojego węzła! node -v

russiansummer

node -v, aby sprawdzić wersję, a następnie zaktualizować: stackoverflow.com/a/53658468/5813940

russiansummer

Answer 11

1

wpadłem na te uruchomione testy żartów, myślałem, że jestem na węźle v8, ale okazuje się, że byłem na węźle v6. sprawdź wersję swojego węzła! node -v

russiansummer

Answer 12

node -v, aby sprawdzić wersję, a następnie zaktualizować: stackoverflow.com/a/53658468/5813940

russiansummer

Answer 13

Dla tych, którzy tu trafili i używają Angulara, dodanie import 'core-js/es7/object';do polyfills.tspliku rozwiązało problem.

/** 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 14

2

Wygląda na to, że ten problem został rozwiązany w najnowszej wersji Safari. Doszedłem do tego samego problemu. Ten problem występuje w przeglądarce w wersji 9.0.1 i nie występuje w wersji 10.1.1

Edycja w celu dodania załączników:

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

Venkata
źródło

1

Czy masz referencje, którymi mógłbyś się podzielić z tymi informacjami? Raport o błędzie czy coś?

Tim Hutchison

Nie mam referencji. Systemy Mac z wersjami 9.0x nieustannie powodują problem. Ale mój system z wersją 10.1.1 nie powoduje tego samego problemu.

Venkata

Answer 15

1

Czy masz referencje, którymi mógłbyś się podzielić z tymi informacjami? Raport o błędzie czy coś?

Tim Hutchison

Answer 16

Nie mam referencji. Systemy Mac z wersjami 9.0x nieustannie powodują problem. Ale mój system z wersją 10.1.1 nie powoduje tego samego problemu.

Venkata

Answer 17

Używanie „for ... in” omówione na mozilla: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values

Oto kod, którego użyłem:

function objectValues(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(objectValues(obj));             // prints   the array  [ 'v1', 'v1', 'v1' ]
// OR
console.log(objectValues(obj).join(', '));  // prints   the string 'v1, v1, v1'

Answer 18

Myślę, że problem z obsługą kompilacji na kompatybilność przeglądarek, możesz użyć mapy, aby osiągnąć to samo.

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)

Rozwiń fragment

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)

Rozwiń fragment

Answer 19

0

Rozważ użycie _.values(object)

Dokumenty: https://lodash.com/docs/4.17.11#values

Matias Elorriaga
źródło

Uncaught TypeError: Object.values ​​nie jest funkcją JavaScript

Odpowiedzi:

Uncaught TypeError: Object.values nie jest funkcją JavaScript