Сопоставление значений объекта

JavaScriptJavaScriptBeginner
Практиковаться сейчас

This tutorial is from open-source community. Access the source code

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

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


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced 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/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28482{{"Сопоставление значений объекта"}} javascript/data_types -.-> lab-28482{{"Сопоставление значений объекта"}} javascript/arith_ops -.-> lab-28482{{"Сопоставление значений объекта"}} javascript/comp_ops -.-> lab-28482{{"Сопоставление значений объекта"}} javascript/array_methods -.-> lab-28482{{"Сопоставление значений объекта"}} javascript/higher_funcs -.-> lab-28482{{"Сопоставление значений объекта"}} javascript/destr_assign -.-> lab-28482{{"Сопоставление значений объекта"}} end

Функция для сопоставления значений объекта

Для сопоставления значений объекта с использованием заданной функции и генерации нового объекта с теми же ключами следуйте этим шагам:

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте Object.keys(), чтобы перебрать ключи объекта.
  3. Используйте Array.prototype.reduce(), чтобы создать новый объект с теми же ключами и сопоставленными значениями с использованием заданной функции fn.
  4. Код ниже демонстрирует реализацию функции mapValues.
const mapValues = (obj, fn) =>
  Object.keys(obj).reduce((acc, k) => {
    acc[k] = fn(obj[k], k, obj);
    return acc;
  }, {});

Вот пример использования функции mapValues:

const users = {
  fred: { user: "fred", age: 40 },
  pebbles: { user: "pebbles", age: 1 }
};
mapValues(users, (u) => u.age); // { fred: 40, pebbles: 1 }

Резюме

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