Convert file object to array of objects

Question

I have a input form file picker which returns the following object output :

Image as text ->

FileList {0: File, 1: File, length: 2}
0: File {name: "Screenshot 2021-02-19 at 12.27.47 PM.png", lastModified: 1613717870763, lastModifiedDate: Fri Feb 19 2021 12:27:50 GMT+0530 (India Standard Time), webkitRelativePath: "", size: 81142, …}
1: File {name: "Screenshot 2021-02-18 at 12.11.00 PM.png", lastModified: 1613630510734, lastModifiedDate: Thu Feb 18 2021 12:11:50 GMT+0530 (India Standard Time), webkitRelativePath: "", size: 128961, …}
length: 2

I need to convert it to an array of objects of the form :

[{file0: file}, {file1: file}]

Please note that I don't need the length item present in the initial object in the final array

Are you sure that you want a different property name inside each of the objects in the output array? I would hate it if someone fed me that kind of data... I would recommend trying var arr = Array.from(theFileList) and see if that works for you. — Peter B
– Peter B, Commented Feb 19, 2021 at 13:51
I agree with PeterB: that is a horrible choice for an output format. You don't need those numerical suffixes... you already know the index from the position they have in the array. — trincot
– trincot, Commented Feb 19, 2021 at 13:52
As a comment on: "I need to convert it to an array of objects" and "note that I don't need the length item present in the initial object in the final array" An array always has a (non-enumerable) length property. Which will automatically be set to 2 if you have an array with 2 elements. — 3limin4t0r
– 3limin4t0r, Commented Feb 19, 2021 at 14:11

Parth M. Dave · Accepted Answer · 2021-02-19 13:54:43Z

2

const objOfObjs = {
   "one": {"id": 3},
   "two": {"id": 4},
};

const arrayOfObj = Object.entries(objOfObjs).map((e) => ( { [e[0]]: e[1] } ));

i think it work for you.

answered Feb 19, 2021 at 13:54

Parth M. Dave

1,1931 gold badge7 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

NeERAJ TK Over a year ago

Altered it to : const res = Object.entries(files).map((e) => ({ [file${e[0]}]: e[1] }));

prasanth · Accepted Answer · 2021-02-19 13:58:18Z

1

You could do with Array#map

const arr = [{name:1},{name:2}];

const res =  arr.map((item,ind)=>({[`file${ind}`]:item}));

console.log(res)

answered Feb 19, 2021 at 13:58

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

1 Comment

3limin4t0r Over a year ago

A FileList does not have the map method. Use Array.from(fileList).map(...) instead. Or skip the map call, and pass the callback as second argument to Array.from() eg. Array.from(fileList, (file, i) => { [`file${i}`]: file })

Collectives™ on Stack Overflow

Convert file object to array of objects

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related