Обратная итерация свойств объекта | Руководство по программированию на JavaScript

Введение

В этом практическом занятии мы изучим, как перебирать собственные свойства объекта в обратном порядке с использованием JavaScript. Для этого мы будем использовать встроенные методы, такие как Object.keys() и Array.prototype.reverse(). В конце этого практического занятия вы будете лучше понимать, как работать с объектами в JavaScript и как манипулировать их свойствами.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28598{{"Перебирать собственные свойства объекта в обратном порядке"}} javascript/data_types -.-> lab-28598{{"Перебирать собственные свойства объекта в обратном порядке"}} javascript/arith_ops -.-> lab-28598{{"Перебирать собственные свойства объекта в обратном порядке"}} javascript/comp_ops -.-> lab-28598{{"Перебирать собственные свойства объекта в обратном порядке"}} javascript/array_methods -.-> lab-28598{{"Перебирать собственные свойства объекта в обратном порядке"}} javascript/destr_assign -.-> lab-28598{{"Перебирать собственные свойства объекта в обратном порядке"}} javascript/debugging -.-> lab-28598{{"Перебирать собственные свойства объекта в обратном порядке"}} end

Вот, как перебирать собственные свойства объекта в обратном порядке

Чтобы перебирать собственные свойства объекта в обратном порядке и выполнять для каждого из них обратный вызов, следуйте этим шагам:

Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
Используйте Object.keys(), чтобы получить все свойства объекта.
Используйте Array.prototype.reverse(), чтобы изменить порядок свойств на обратный.
Используйте Array.prototype.forEach(), чтобы выполнить предоставленную функцию для каждой пары ключ-значение.
Функция обратного вызова должна иметь три аргумента: значение, ключ и объект.

Вот код:

const forOwnRight = (obj, fn) =>
  Object.keys(obj)
    .reverse()
    .forEach((key) => fn(obj[key], key, obj));

Вы можете использовать эту функцию с любым объектом и функцией обратного вызова. Например, чтобы вывести значения { foo: 'bar', a: 1 } в обратном порядке, вы можете использовать следующий код:

forOwnRight({ foo: "bar", a: 1 }, (v) => console.log(v)); // 1, 'bar'

Резюме

Поздравляем! Вы завершили практическое занятие по перебору собственных свойств объекта в обратном порядке. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.