Альтернативна версія Object.values ​​()

Шукаю альтернативну версію Object.values()функції.
Як описано тут, функція не підтримується в Internet Explorer.

При виконанні наступного прикладу коду:

var obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]

Він працює як у Firefox, так і в Chrome, але в IE11 видає таку помилку:

Об'єкт не підтримує властивості або "значення" методу

Тут ви можете його перевірити: Скрипка .

Отже, що було б швидким виправленням?

Ви можете отримати масив ключів за допомогою, Object.keys()а потім використовувати map()для отримання значень.

var obj = { foo: 'bar', baz: 42 };
var values = Object.keys(obj).map(function(e) {
  return obj[e]
})

console.log(values)

За допомогою ES6 ви можете написати це в один рядок за допомогою стрілочних функцій.

var values = Object.keys(obj).map(e => obj[e])

Object.values ​​() є частиною специфікації ES8 (червень 2017 р.). Використовуючи Cordova, я зрозумів, що Android 5.0 Webview його не підтримує. Отже, я зробив наступне, створивши функцію polyfill, лише якщо ця функція не підтримується:

if (!Object.values) Object.values = o=>Object.keys(o).map(k=>o[k]);

Оскільки Object є ( не такою ) недавньою реалізацією, якщо ви хочете підтримувати всі браузери (AKA IE8 і нижче), то вам потрібно створити власну функцію:

function objectValues(obj) {
    var res = [];
    for (var i in obj) {
        if (Object.prototype.hasOwnProperty.call(obj, i)) {
            res.push(obj[i]);
        }
    }
    return res;
}

PS: Щойно помітив ecmascript-6тег. До речі, я зберігаю цю відповідь тут, на випадок, якщо комусь вона потрібна.

Якщо ви вже використовуєте core-js (наприклад, за допомогою Angular), ви можете просто імпортувати відповідний polyfill:

   import 'core-js/es7/object';

Ви можете використовувати поліфіл:

const valuesPolyfill = function values (object) {
  return Object.keys(object).map(key => object[key]);
};

const values = Object.values || valuesPolyfill;

console.log(values({ a: 1, b: 2, c: 3 }));

Для людей, які використовують UnderscoreJS , ви можете отримати значення об’єктів, використовуючи _.values:

var obj = { foo: 'bar', baz: 42 };
console.log(_.values(obj)); // ['bar', 42]

Я знаю, що це стара тема. Я грав навколо і просто хочу додати ще одну реалізацію. Це просто версія карти з самою картою, реалізованою із зменшенням:

let obj = { foo: 'bar', baz: 42 };

const valueArray = Object.keys(obj).reduce((acc, key) => {
  acc.push(obj[key]);
  return acc;
}, []);

console.log(valueArray);

Це робить свою роботу, але це щось мене турбує. Функція редуктора використовує obj, і obj в неї не вводили . Ми повинні уникати глобальних змінних всередині функцій і робити наші функції більш перевіряемыми . Тому я віддаю перевагу цій версії з помічником функції редуктора, який приймає obj як параметр і повертає фактичну функцію редуктора . Це стає:

let obj = { foo: 'bar', baz: 42 };

// reducer function helper take obj and return the actual reducer function
let reducerFuncHelper= obj => (acc, key) => {
  acc.push(obj[key]);
  return acc;
}
//much better
const valueArray = Object.keys(obj).reduce(reducerFuncHelper(obj), []);
console.log(valueArray);

Найкращий спосіб - це замінити його методом значень ramda:

import * as R from 'ramda';

const obj = { foo: 'bar', test: 10 };

console.log(R.values(obj)) // ['bar', 10]

Оскільки я не знайшов відповіді на свої потреби:

var obj = { foo: 'bar', baz: 42 };


console.log(obj[Object.keys(obj)[0]]) // bar

console.log(obj[Object.keys(obj)[1]])  // 42

Використовуючи можливість об’єктів адресувати їх по буквалу.

Ви можете отримати масив ключів за допомогою Object.keys (). Це також буде працювати в IE. Object.values ​​() взагалі не потрібен для отримання значень, оскільки ми можемо використовувати ключі, отримані з Object.keys (), щоб отримати значення, як показано нижче:

var obj = { foo: 'bar', baz: 42 };
var keyArray = Object.keys(obj);
for(var i = 0; i < keyArray.length; i++)
    console.log(obj[keyArray[i]]);