Методы объекта ES8

С выпуском Object.keys() и Object.assign() в ES6 обработка объектов Javascript стала еще проще.

Выпуск ES8 (ES2017) дал нам два новых метода Object, Object.values() и Object.entries(). Посмотрим, как они работают!

Для начала возьмем этот образец объекта:

const scrantonEmployees = {
  "Regional Manager": "Michael Scott",
  "Salesman 1": "Jim Halpert",
  "Salesman 2": "Andy Bernard",
  "Salesman 3": "Phyllis Vance",
  "Salesman 4": "Dwight Schrute",
  "Accountant 1": "Oscar Martinez",
  "Accountant 2": "Kevin Malone",
  "Accountant 3": "Angela Martin",
  "Human Resources": "Holly Flax",
  "Customer Service": "Kelly Kapoor"
}

Object.values()

Object.values ​​() принимает объект и возвращает несортированный массив со значениями только.

Код

listEmployeeNames(employees) {
  return Object.values(employees);
}
listEmployeeNames(scrantonEmployees);

Возврат

["Michael Scott", "Jim Halpert", "Andy Bernard", "Dwight Schrute", "Oscar Martinez", "Kevin Malone", "Angela Martin", "Holly Flax", "Kelly Kapoor"]

Object.entries()

Object.entries () принимает объект и возвращает пары значений ключа в виде массива массивов.

Код

getEmployeeData(employees) {
  return Object.entries(employees);
}
getEmployeeData(scrantonEmployees);

Возврат

["Regional Manager", "Michael Scott"], ["Salesman 1", "Jim Halpert"], ["Salesman 2", "Andy Bernard"], ["Salesman 3", "Phyllis Vance"], ["Salesman 4", "Dwight Schrute"], ["Accountant 1", "Oscar Martinez"], ["Accountant 2", "Kevin Malone"], ["Accountant 3", "Angela Martin"], ["Human Resources", "Holly Flax"], ["Customer Service", "Kelly Kapoor"]

И вот оно! Несколько простых методов Object, которые сделают ваш код чище и удобнее для чтения.