Возможно ли соединить массив с объектом? Что для этого сделать?

Question

[Николай Семенов]

Ребят, всем привет.
Скажите можно ли как-то в массив такого вида

datas': [{label: 'Я ищу', value: 'Девушку'}, {label: 'Цели знакомства', value: ['поиск друзей', 'флирт', 'любовь']}, {label: 'Семейное пложение', value: 'холост'}, {label: 'Сексуальная ориентация', value: 'Гетеро'}, {label: 'Рост', value: '178 см'}, {label: 'Цвет волос', value: 'Блонд'}, {label: 'Телосложение', value: 'Стройное'}, {label: 'Цвет глаз', value: 'Зеленый'}, {label: 'Доход', value: 'Средний'}, {label: 'Национальность', value: 'русская'}, {label: 'Языки', value: ['русская', 'английский']}]

вставить значения в value вот с такого объекта

age:32
avatar:"thumb_20170718133451.jpg"
datas:Object
body:"Полное"
city:"Балларат"
country:"Австралия"
eye:"Зеленые"
hair:"Черные"
height:170
income:"Высокий"
langs:Array(1)
last_visit:Jan 1, 1970 1:00:00 AM"
nation:"Русский"
position:"Не замужем"
purposes: Array(1)

может lodash или еще что поможет мне?

Comments

[Иван Минаков]

Что значит вставить ? как должен выглядеть массив в итоге?

[Николай Семенов]

Иван Минаков: в итоге как в первом примере массива, только вместо value что там нужно поставлять данные с объекта.
например [{label: 'Цвет волос', value: hair}, {label: 'Телосложение', value: body}]

выделенные слова - значения из объекта

Answer 1

[Evgeny Kulakov]

Только ручками, не хватает данных для связи объекта и массива.
Или в массив добавить id типа вот так: {id: "hair", label: 'Цвет волос', value: 'Блонд'} и далее:

datas.forEach(item => { item.value = obj[item.id] })

Comments

[Николай Семенов]

да, тоже пришел к такому выводу что выход только сопоставлять в модель

[Николай Семенов]

Евгений, подскажите как не рендерить страницу(компонент или часть разметки) до подгрузки все необходимых данных, делаю вот так

ul(class="user-data__list" v-if="authUser")
        li(class="user-data__item" v-for="data in authUser")

при обновлении браузера сыпятся ошибки в консоль и страница не рендерится

[Evgeny Kulakov]

Николай Семенов: Вообще ваш вариант вроде должен работать.. Присваивайте authUser = {} по дефолту.

[Николай Семенов]

Evgeny Kulakov: почему то не работает
у меня по дефолту

authUser: {
    id: null,
    name: '',
    age: null,
    avatar: '',
    photos: [],
    country: '',
    city: '',
    iSearch: {
      label: 'Я ищу',
      value: ''
    },
    goalDating: {
      label: 'Цели знакомства',
      value: []
    },
    familyStatus: {
      label: 'Семейное положение',
      value: ''
    },
    sexOrientation: {
      label: 'Сексуальная ориентация',
      value: ''
    },
    bodyTape: {
      label: 'Телосложение',
      value: ''
    },
    colorHair: {
      label: 'Цвет волос',
      value: ''
    },
    growth: {
      label: 'Рост',
      value: null
    },
    colorEyes: {
      label: 'Цвет глаз',
      value: ''
    },
    income: {
      label: 'Доход',
      value: ''
    },
    language: {
      label: 'Языки',
      value: ''
    }
  }

[Evgeny Kulakov]

А что за ошибка?

[Николай Семенов]

Evgeny Kulakov: пишет что

vue.esm.js:566 TypeError: Cannot read property 'label' of null

[Николай Семенов]

Evgeny Kulakov: я кажется понял, он не может в первых элементах label найти

[Evgeny Kulakov]

Николай Семенов: где-то значит читаете из нуля. Можно условие проверки на null добавить когда label читается. Ну или осознать для начала откуда там null берется и как-то избежать этого)