I tried to destructuring assignment with interface, but cannot write like this.

interface TYPE {
  id?: number;
  type?: string;
}

const e =  {
  'id': 123,
  'type': 'type_x',
  'other': 'other_x'
}
const {...foo}: {foo: TYPE} = e;
console.log(foo.id, foo.type) // expected: 123, 'type_x'

I tried to destructuring assignment with interface, but cannot write like this.

interface TYPE {
  id?: number;
  type?: string;
}

const e =  {
  'id': 123,
  'type': 'type_x',
  'other': 'other_x'
}
const {...foo}: {foo: TYPE} = e;
console.log(foo.id, foo.type) // expected: 123, 'type_x'

• javascript
• typescript
• object
• ecmascript-6

• 3 What do you expect const {...foo}: {foo: TYPE} = e; to do exactly? – Alex Wayne Commented Aug 4, 2019 at 6:53
• const {...foo, ...rest}: {foo: TYPE, rest: any} = e,; to desctruct assign TYPE, and rest propterties, but not write like this. – wgf4242 Commented Aug 4, 2019 at 13:20

1 Answer 1

Just declare the type on the variable, without that weird object notation:

const { ...foo }: TYPE = e;

That is a weird way to make a copy of an object however - it's usually done like so:

const foo: TYPE = { ...e };