Добавление к объекту Javascript

Question

Я пытаюсь создать объект массива. я определил его следующим образом:

work = { 
    'jobs': [{ 
     'employer': 'ABC', 
     'jobPosition': 'FrontEndEngineer', 
     'experience': '1 year', 
     'city': 'Mumbai' 
    }] 
}; 

Поскольку это массив, который я пытаюсь добавить его к следующей позиции, как

work.jobs[1].employer="QWE"; 
work.jobs[1].jobPosition = "Web Dev Intern"; 
work.jobs[1].experience = "6 months"; 
work.jobs[1].city = "Bengaluru"; 

И утешает объект работы, появляется сообщение об ошибке:

Uncaught TypeError: Cannot set property 'employer' of undefined

Что я делаю неправильно?

Answer 1

попробовать с толчком:

new_job = { 
    'employer': 'QWE', 
    'jobPosition': 'Web Dev Intern', 
    'experience': '6 months', 
    'city': 'Bengaluru' 
} 

work.jobs.push(new_job) 

Answer 2

work.jobs[1] еще не существует, и в настоящее время undefined. Поэтому доступ к свойству .employer вызывает ошибку. Используйте эту функцию для инициализации work.jobs[1]:

work.jobs[1] = { 
    'employer': 'QWE', 
    ... 
}; 

или,

work.jobs.push({ 
    'employer': 'QWE', 
    ... 
}); 

var work = { 
 
    'jobs': [{ 
 
    'employer': 'ABC', 
 
    'jobPosition': 'FrontEndEngineer', 
 
    'experience': '1 year', 
 
    'city': 'Mumbai' 
 
    }] 
 
}; 
 

 

 
work.jobs.push({ 
 
    'employer': 'QWE', 
 
    'jobPosition': 'Web Dev Intern', 
 
    'experience': '6 months', 
 
    'city': 'Bengaluru' 
 
}); 
 

 
console.log(work);

Answer 3

Вы можете использовать метод Array.prototype.push. Это позволяет вам нажимать весь определенный объект вместо добавления путем глубокой ссылки.

let work = { 
    'jobs': [{ 
     'employer': 'ABC', 
     'jobPosition': 'FrontEndEngineer', 
     'experience': '1 year', 
     'city': 'Mumbai' 
    }] 
}; 

const job = { 
    'employer': 'QWE', 
    'jobPosition': 'Web Dev Intern', 
    'experience': '6 months', 
    'city': 'Bengaluru' 
}; 

work.jobs.push(job); 

console.log(work); 
// jobs: Array 
// 0: {employer: "ABC", jobPosition: "FrontEndEngineer", experience: "1 year", city: "Mumbai"} 
// 1: {employer: "QWE", jobPosition: "Web Dev Intern", experience: "6 months", city: "Bengaluru"}