Автор оригинала: FreeCodeCamp Community Member.
Кнут Melvær.
Перемещение пользовательских данных между источниками часто требует, чтобы вы проверить, имеет ли поле значений или нет. Затем вы создаете вывод на основе этого. Вот как вы можете использовать некоторые из функций ES6 в JavaScript, чтобы сделать это более кратко.
С Sanity.io (где я работаю) спонсируется Синтаксис Я звонил с RSS-каналами для подкастов в Клис С Экспресс, и функции без промежутков. Это включает в себя разбор и построить сложные объекты с большим количеством полей и информации. Поскольку вы имеете дело с сгенерированными пользователем данные из разных источников, вам не гарантируются поля все время заполнены. Некоторые поля также являются необязательными. И вы не хотите выводить теги без значения в RSS XML или Json feed Отказ
Ранее я бы разобрался с этим, применяя новые ключи на объекте, как это:
Это не совсем гладкое (но это работает), и если у вас есть много полей, вы скоро окажетесь с большим количеством Если- заявления. Я также мог делать топливные вещи с зацикливанием клавиш объекта и так далее. Это означало бы код, который немного более запутанный, и вы не получаете хорошего чувства того, что либо объект данных.
Еще раз, новый синтаксис в ES6 приходит на спасение. Я нашел шаблон, где я смог переписать код на что-то вроде:
Эта функция имеет пару функций. Первый это Разрушение объекта параметров , что является хорошим рисунком, если вы хотите иметь дело с большим количеством аргументов в функции. Так Вместо этого шаблона:
function episodeParser(data) { const id = data.id const title = data.title // and so on...}Ты пишешь:
function({id, title}) { // and so on...}Это также хороший способ избежать многих нескольких аргументов в функции. Примечание также Описание часть деструктации объекта. Это то, что мы называем параметром по умолчанию. Это означает, что если Описание не определен, он будет определен со строкой Нет резюме как отставание.
Второе – три точки Распространение синтаксиса ( ... ). Он используется для «развертывания» объекта, если условие является TRUE-ISH (вот в чем && для):
{ id: 'some-id', ...(true && { optionalField: 'something'})}// is the same as
{ id: 'some-id', optionalField: 'something'}То, что вы в конечном итоге, это акконатная функция, которая также легко проверить. Одно важное оговорку с использованием && Оператор заключается в том, что число 0 будет рассмотрено ложь Отказ Таким образом, вы должны обратить внимание на ваши данные типов.
Если мы поместим функцию в действие, она будет выглядеть что-то подобное:
Вы можете увидеть его в действии в нашем подкасте. Реализация кормов для Express.js и NetLify лямбдас . Если вы хотите попробовать Sanity.io для этих реализаций самостоятельно, Вы можете пойти в Sanity.io/freecodeCamp и получите заранее бесплатный план разработчика. ✨
Первоначально опубликовано www.sanity.io .
Оригинал: “https://www.freecodecamp.org/news/how-to-conditionally-build-an-object-in-javascript-with-es6-e2c49022c448/”