Введение
В этом практическом занятии мы будем работать над задачей по программированию на JavaScript, которая сосредоточена на сопоставлении значений объекта с использованием заданной функции. Целью этого упражнения является то, чтобы помочь вам лучше понять, как использовать Object.keys() и Array.prototype.reduce() для создания нового объекта с теми же ключами и сопоставленными значениями. В конце этого практического занятия вы сможете применить эти знания для решения более сложных задач в своих собственных проектах.
Функция для сопоставления значений объекта
Для сопоставления значений объекта с использованием заданной функции и генерации нового объекта с теми же ключами следуйте этим шагам:
- Откройте Терминал/SSH и введите
node, чтобы начать практиковаться в написании кода. - Используйте
Object.keys(), чтобы перебрать ключи объекта. - Используйте
Array.prototype.reduce(), чтобы создать новый объект с теми же ключами и сопоставленными значениями с использованием заданной функцииfn. - Код ниже демонстрирует реализацию функции
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, чтобы улучшить свои навыки.