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

Question

[Марсель Султанов]

Всем привет! Делаю опросник, из которого данные через Ajax записываются в БД, в формате JSON, дело в том что при множественном выборе ответа, человек может выбрать 5 из 7 ответов, и если у 5ти будет значение, то у остальных 2-х будет undefined, как можно сделать так чтобы скрывать значения которые имеют undefined, из визуальной части. Спасибо!

Comments

[n1ksON]

А в чём собственно проблема? Проверяем значение, если неравно undefined, тогда всё ок. Иначе очищаем запись.

[v3shin]

Ну так не отправляйте undefined. =)

Answer 1

[0xD34F]

То есть, вместо того, чтобы изначально не пытаться показывать то, чего нет, вы хотите заметать мусор под ковёр.

Умно, ничего не скажешь.

А главное - это будет ни разу не костыль.

/*
 * надеюсь, хотя бы вместо "по всему документу" вы сумеете подобрать
 * какой-нибудь вменяемый селектор, чтобы не проверять реально всё,
 * а только те элементы, где ваш "undefined" действительно может случиться
 */
document.querySelectorAll('*').forEach(n => {
  const text = n.innerText?.trim();
  if (text === 'undefined') {
    n.hidden = true;
  }
});

Comments

[Марсель Султанов]

Все таки я еще раз убедился, у нас тут токсичная публика которая утверждает что это костыль, во первых это делается на скорую руку, так как сроки требуют. А во вторых, если Вы уважаемый не знаете задачу, то не говорите что это мусор

[0xD34F]

Марсель Султанов, выглядит как мусор - поэтому и говорю, что это мусор. Может и не так - но это ниоткуда не следует, ничего определённого о том, что вы делаете, вы не сказали. Так что сами виноваты в подобной оценке результатов работы вашего кода.

[AUser0]

Сляпаный на скорую руку код, в котором не проверяются входящие данные - это нет, это конечно не костыль, не г[****]код, это великая задумка автора, и не смейте его винить, он так виртуозно костылит, а вы просто завидуете, недостойные! Да как вы смеете?!
[тут должно быть выразительнейшее фото Греты Т.]

[Марсель Султанов]

AUser0, 0xD34F, когда Вы только начинали свой путь думаю Вы тоже немало делали костылей прежде чем прийти к дзену чистого кода, так что Ваши аргументы такие как говнокод, или мусор, не актуальны.

Answer 2

[FinGanapre]

Грустно, что так вышло, но это уже другая история:)

Какая структура у JSON который приходит на клиент для вывода?
Можно отфильтровать данные перед выводом на стороне клиента и работать с уже "чистыми".

Например так:

const serverData = [
  {
    answ1: 'text 1',
    answ2: 'text 2',
    answ3: undefined
  },
  {
    answ1: undefined,
    answ2: 'text 2',
    answ3: undefined
  }
]

const clearData = serverData
  .map( item => Object.values( item ) )
  .filter( item => item !== undefined )

console.log(clearData)