Can one extract a property from an object and assign it to a property on the constructor?

Question

Can one extract a property from an object and assign it to a property on the constructor?

Currently working with TypeScript, I am looking to destructure properties from an object. The challenge lies in the fact that I need to assign it to a property on the constructor of the class:

var someData = [{title: 'some title', desc: 'some desc'}];
var [{title}] = someData; // 'some title';

I am aiming for something like this instead:

var [{title :as this.title$}] = someData;

Is there any way to achieve this functionality?

javascript typescript destructuring

Answer 1

Answer №1

Indeed, it is possible to accomplish this task; however, you must omit the declarator (var) as you are destructuring into an existing entity. Furthermore, the usage of as is incorrect and should be removed.

[{title: this.title$}] = someData;

For a comprehensive demonstration:

const someData = [
  { title: 'Destructuring' }
];

class A {
  title$: string;
  constructor() {
    [{ title: this.title$ }] = someData;
  }
}

TypeScript playground

Babel REPL

Utilizing a Stack Snippet

const someData = [{
  title: 'Destructuring'
}];

class A {
  constructor() {
    [{title: this.title$}] = someData;
  }
}

console.log(new A());

Answer 2

Indeed, it is possible to accomplish this task; however, you must omit the declarator (var) as you are destructuring into an existing entity. Furthermore, the usage of as is incorrect and should be removed.

[{title: this.title$}] = someData;

For a comprehensive demonstration:

const someData = [
  { title: 'Destructuring' }
];

class A {
  title$: string;
  constructor() {
    [{ title: this.title$ }] = someData;
  }
}

TypeScript playground

Babel REPL

Utilizing a Stack Snippet

const someData = [{
  title: 'Destructuring'
}];

class A {
  constructor() {
    [{title: this.title$}] = someData;
  }
}

console.log(new A());

Can one extract a property from an object and assign it to a property on the constructor?

Answer №1

Similar questions

Ways to receive JavaScript console error messages to aid in debugging your code

When working with TypeScript in Node, the module ""http"" does not have a default export available

Switch up the Position of a Frame with jQuery

A more efficient approach to specifying types for the 'navigation' object in React Native's Stack Navigator

A specialized <T> interface, now enhanced with additional functionalities

The values obtained from the previous parameter object of the React setState hook can vary and are not always

Switching out a traditional class component with a functional component within a hook to deduce properties from T

C# web service is unable to return a specific value

Discovering the function responsible for styling a DOM elementDiscovering how to identify the

In Discord.js, the client.login() promise seems to be stuck and never resolves, causing the client.on("ready") event to never be

Why is my RxJS timer not waiting for the specified time?

Leveraging callback functions for dynamically updating a JSON structure

Show the item in the menu with a label that has either subscript or superscript styling

Authorization missing in Select2 Ajax request

Encountering a "Cannot GET /PATH" error while developing a NUXT application due to a DOT present in

No contains operator found in Material UI Datagrid

Refresh the HTML webpage using AJAX technology

I am having difficulty aligning the vertical touch event owl carousel

React HTML ignore line break variable is a feature that allows developers to

Place a material-ui React component at the center of a footer section