如何在 javascript 中已声明的 object 数组中添加项目

Question

I want to add new items from array to an object

here is my object

var newCourse = {
title,
categoryId,
price,
userId,
images: [{   }] };

i am getting data from req.files

[
  {
    fieldname: 'file',
    originalname: '312323.jpg',
    encoding: '7bit',
    mimetype: 'image/jpeg',
    destination: './public/uploads',
    filename: 'file-1596169590513.jpg',
    path: 'public\\uploads\\file-1596169590513.jpg',
    size: 536245
  },
  {
    fieldname: 'file',
    originalname: 'Capture.PNG',
    encoding: '7bit',
    mimetype: 'image/png',
    destination: './public/uploads',
    filename: 'file-1596169590520.PNG',
    path: 'public\\uploads\\file-1596169590520.PNG',
    size: 13572
  }
]

i want to add req.files.filename (which are two) to that object so it can look like this:

title: abc,
images:[{url: 'file-1596169590513.jpg'}, {url: 'file-1596169590520.PNG'}]

Answer 1

 var newCourse = { title: '', categoryId: '', price: 0, userId: '', images: [] }; var req = { files: [ { fieldname: 'file', originalname: '312323.jpg', encoding: '7bit', mimetype: 'image/jpeg', destination: './public/uploads', filename: 'file-1596169590513.jpg', path: 'public\\uploads\\file-1596169590513.jpg', size: 536245 }, { fieldname: 'file', originalname: 'Capture.PNG', encoding: '7bit', mimetype: 'image/png', destination: './public/uploads', filename: 'file-1596169590520.PNG', path: 'public\\uploads\\file-1596169590520.PNG', size: 13572 } ] }; newCourse.images.push(...req.files.map((file) => { return {url: file.filename}; })); console.log(newCourse);

Answer 2

First you have to map on req.files to get the file name array as below:

const req = {files: []};
const reqImages = req.files.map((file) => { url: file.filename });

Now, assign this reqImages to images of your newCourse variable:

newCourse.images = reqImages;

Answer 3

Try this

 let obj = {}; let images = []; for(i = 0; i < arr.length; i++){ obj.url = arr[i].filename; images.push(obj); } console.log(images);

Answer 4

use something like this:

for (let item of req.files) 
      newCourse.images.push({ url: item.filename });