Добавить значения объекта javascript

Как я могу добавить значения customerApplicationAddress нет, улица, барангай, муниципалитет, провинция и поместить их в клиентПриложение.адрес

data(){
    return {
        customerApplicationAddress: {
          no: '',
          street: '',
          barangay: '',
          municipality: '',
          province: '',
        },
        customerApplication:{
          name: null,
          address: null
        }
    }
}

Любая идея, как я могу достичь этого? Я пытался зациклить и объединить его, но почему-то получаю неопределенную ошибку.

но это дает всему объекту то, что я хочу, это конкатенация нет. улица. барангай. муниципалитет и провинция и поместите его в customerApplication.address

— 31.05.2019 05:41

Где код где пробовали? Обычно мы не пишем полные решения, мы fis=x ваш код

— 31.05.2019 05:53

javascript object vue.js vuejs2

31.05.2019 05:33

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Рассмотрите возможность использования вычисляемые свойства для customApplication. Ваш код будет выглядеть так:

Vue.extend({
  data() {
    return {
      customerApplicationAddress: {
        no: '',
        street: '',
        barangay: '',
        municipality: '',
        province: '',
      },
      customerApplication:{
        name: null,
        address: null
      }
    };
  },

  computed: {
    customerApplication() {

      const addr = this.customerApplicationAddress;

      return {
        // Or consider using string interpolation
        address: addr.no + ' ' + addr.street + ' ' + addr.barangay + ' ' + addr.municipality + ' ' + addr.province
      };
    }
  }
});

Таким образом, ваш объект customerApplication будет автоматически обновляться каждый раз при изменении базового значения customerApplicationAddress.*.

31.05.2019 05:49

Ответ принят как подходящий

Похоже, вы пытаетесь превратить объект в массив пар ключ-значение, а затем в строку.

Вы можете сделать это, используя Object.keys, а затем Array.prototype.map.

const data = {
    customerApplicationAddress: {
      no: '1',
      street: 'Big Street',
      barangay: 'some barangay',
      municipality: 'some municipality',
      province: 'some province',
    },
    customerApplication:{
      name: null,
      address: null
    }
}
data.customerApplication.address = Object.keys(data.customerApplicationAddress).map(k =>  data.customerApplicationAddress[k]).join(", ")

console.info(data)

сэр значения только не вместе с ключом

— 31.05.2019 05:52

Существует метод Object.values(), который напрямую дает массив значений.

— 31.05.2019 05:55

Я настолько привык к повторению ключей, что часто забываю о существовании Object.values().

— 31.05.2019 06:01

31.05.2019 05:50