Spread array into new array of another type

Question

I've an array of Files (from an input file type) and want to concat them in another array with a different type, but with a File property.

The File array

const files:File[];

The final array type:

export type AttachmentModel = {
    ID?: number;
    Title?: string;
    ServerRelativeUrl?: string;
    File?: File;
}

const attachments:AttachmentModel[];

I've tried to use the spread syntax to merge them, but of course the types are different, so this doesn't work:

const merged = [...attachments, ...files]

If it was only a single object I would have done like this:

var testFile: File;
var testeAttachment: AttachmentModel = { ...{ ...testFile, File: testFile } };

How can I use "destructuring" in the files array so it returns an array of type AttachmentModel?

Well even without knowing how to do that, what would you expect from your code ? Shouldn't you link the attachements and the files together ? What's the linking key ? — user17740968
– user17740968, Commented Jun 17, 2022 at 12:59

T.J. Crowder · Accepted Answer · 2022-06-17 12:59:33Z

3

It looks like you want to end up with a array of AttachmentModel. If so, you'll want to map your File object to AttachmentModel objects:

const merged: AttachmentModel[] = [
    ...attachments,
    ...files.map((file) => ({File: file}))
];

Playground link

answered Jun 17, 2022 at 12:59

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

Collectives™ on Stack Overflow

Spread array into new array of another type

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related