Как сделать чтобы ключ не создавался если в него передается undefined?

Question

[­]

Сделал такой код:

const data = [
  { id: 11, test: 1, q: 1 },
  { id: 22, w: 1 },
  { id: 33, test: 1, e: 1 },
  { id: 44, r: 1 },
  { id: 55, test: 1, t: 1 },
]

const obj = {}

data.map(item => obj[item.id] = {
  id: item.id,
  test: item.test
})

console.log(obj)

Результат:


Видно что ключ test есть не у всех.

Как сделать чтобы не создавался ключ test если он undefined ?

Comments

[Lynn «Кофеман»]

Ну можно предварительно отфильтровать массив

Answer 1

[Михаил Макаров]

data.map(item => obj[item.id] = item.test ? {
  id: item.id,
  test: item.test
} : {
  id: item.id
})

Comments

[Сергей Соколов]

так не пройдут и значения 0, false, null

[Михаил Макаров]

Сергей Соколов,

data.map(item => obj[item.id] = item.test !== undefined ? {
  id: item.id,
  test: item.test
} : {
  id: item.id
})

Answer 2

[Сергей Соколов]

const obj = data.reduce((prev, item) => {
  prev[item.id] = (({id, test}) => ({id, test}))(item); // копируем выбранные свойства
  if (!item.hasOwnProperty('test')) delete prev[item.id].test; // удаляем пустышку, если нет ее
  return prev;
}, {});

Comments

[­]

Не могли бы Вы объяснить что тут происходит? prev[item.id] присваивается калбек функция? ( () => () )( item )
что за item в скобочках? первый раз такое вижу

[Михаил Макаров]

reduce

Это, конечно, здорово и модно, но зачем в данном случае?
Я обоими руками за функциональщину, но, как по мне, не везде она в тему.

[Михаил Макаров]

­,

prev[item.id] присваивается калбек функция?

Нет. Создаётся функция, которая разбивает объект на компоненты, а потом создаёт из них новый, чтобы было копирование значений, а не копирование ссылки объекта, и тут же вызывается, чтобы это сделать.

что за item в скобочках? первый раз такое вижу

Вызов этой функции, что я выше написал. Я бы так не делал, потому что тут много магии, в которой не все сходу разберутся... Ну и плюс создание функций на лету на каждой итерации, я не хочу сейчас проверять, но мне кажется, может не очень шустро работать... Хотя во времена ангуляра, кого это волнует? )))

[­]

Вызов этой функции

Поонял, спасибо :)

[Сергей Соколов]

Михаил Макаров,

зачем в данном случае

Имеем массив, хотим получить единственное значение (obj) – это паттерн именно для reduce()

[Сергей Соколов]

­, (({id, test}) => ({id, test}))(item) из item забираем только выбранные свойства и возвращаем объект из этих свойств.

( function(){} )( argument ) – называется IIFE (immediately invoked function expression, немедленно вызываемая функция). В первых скобках определяется функция без названия и назначения её переменной, и тут же вызывается.

Answer 3

[Владимир]

Используй редюс
https://developer.mozilla.org/uk/docs/Web/JavaScri...