Как бороться с undefined?

Question

[Максим]

Сам вопрос родился от сюда: https://ru.stackoverflow.com/q/1108112/308951
Вывожу в таблицу простоObject в котором не одинаковое содержимое .
Но выводится undefined вместо ни чего.
Как можно оставить ячейку пустую? то есть что бы не выводилось undefined.
https://codepen.io/topicstarter/pen/PoPoVap

Answer 1

[Арсений Матыцин]

Тут немного для ума. А перед выводом достаточно доступно проверять тернарником, например:

...
ocum += `<td>${cars[car].color ? cars[car].color : ''}</td>`;

Или чуть жестче:

...
ocum += `<td>${typeof cars[car].color != 'undefined' ? cars[car].color : ''}</td>`;

Сравнивать да, надо со строкой, а при проверке получишь булево значение. Первый вариант проще и сработает даже, если у тебя false стоит. Может быть даже, если Null прилетел (не уверен), а второй ждет именно значение, или «не определено». Т.е. если придет false, то он его пропустит.

Comments

[Максим]

спасибо - а я уже 40 минут if else пилю и так без результатов

[Арсений Матыцин]

Максим Ленский, это бывает, это нормально)

По секрету скажу, что проверку на undefined разумнее всего делать, скажем, в асинхронке, когда к тебе данные еще не приехали, переменных нет, а как-то не обосраться с выводом надо.

Ну и в данном случае можно было массив заранее промапать на условие undefined, чтобы туда что-то вписать. И потом уже первым тернарником выводить. Я так иногда делаю, когда мне надо в цикле Vue вывести массив, у которого из коробки нет, и нет необходимости создавать ID, а ключ какой-то бы надо задать. На индекс цикла он так-то ругается. Я и мапаю под watch-ером. За счет проверки undefined при расширении массива (например что-то догрузилось в конец существующего), я точно знаю, что не затру имеющиеся данные.

[Максим]

Арсений Матыцин, я до map() не дошёл ещё ..я редко использую js но в принципе только учусь и как правило пишу ответы в этой рубрике если 100% уверен в ответе ..а в этом ответе я застрял на уровне что map() то есть я ни чего не знаю о map но учу по мере появления времени ...

[Максим]

я хотел спросить, а это плохо обращаться к переменной столько раз?

[Максим]

Pardon Me! Where Do I Find 4giveness?, я не об этом - смотрите:

let ocum =""
(цикл){
ocum+= `тратата`
ocum += `другое`
и т д

}

использование одной переменной кучу раз сильно замедляет работу скрипта ?

[Максим]

Pardon Me! Where Do I Find 4giveness?, а мне вот здесь чувак всю кровь выпил уже за это https://ru.stackoverflow.com/q/1108112/308951

[Арсений Матыцин]

Максим Ленский, в программировании всегда есть место для «святой войны».