Typescript - Error in Parsing: Expecting an expression

Question

Typescript - Error in Parsing: Expecting an expression

I am currently working with Vue and TypeScript and have encountered a problem. How can I resolve it? Here is the code snippet in question:

private setTitle(systemConfig: any) {
    const systemConfigParse;
    let obj;
    systemConfigParse = JSON.parse(systemConfig);
    obj = (<any>systemConfigParse).find((item: any) => {
      return item.Code == "hospitalName";
    });
    this.hospitalName = obj.Value;
    obj = (<any>systemConfigParse).find((item: any) => {
      return item.Code == "systemName";
    });
    this.systemName = obj.Value;
    this.title = this.hospitalName + this.systemName;
  }

The error seems to be at this line

return item.Code == "hospitalName";

Even after removing the following lines of code:

 obj = (<any>systemConfigParse).find((item: any) => {
          return item.Code == "hospitalName";
        });
 obj = (<any>systemConfigParse).find((item: any) => {
          return item.Code == "systemName";
        });

The error persists. Could this be caused by eslint? Any suggestions on how to troubleshoot and fix this issue would be greatly appreciated. Thank you in advance.

javascript typescript

Answer 1

Answer №1

If you want to streamline your code, consider the following approach:

function setHospitalTitle(config: string) {
    const configObject = JSON.parse(config);
    this.hospital = configObject.hospital;
    this.system = configObject.system;
    this.hospitalTitle = this.hospital + this.system;
}

Your data structure should resemble this example:

const jsonData = `{"hospital":"General Hospital", "system": "Health System"}`;
setHospitalTitle(jsonData);

Answer 2

If you want to streamline your code, consider the following approach:

function setHospitalTitle(config: string) {
    const configObject = JSON.parse(config);
    this.hospital = configObject.hospital;
    this.system = configObject.system;
    this.hospitalTitle = this.hospital + this.system;
}

Your data structure should resemble this example:

const jsonData = `{"hospital":"General Hospital", "system": "Health System"}`;
setHospitalTitle(jsonData);

Answer 3

Answer №2

The issue has been resolved

private updateTitle(settings: any) {
    const settingsParsed = JSON.parse(settings);
    let obj;
    for(const item in settingsParsed){
      const i = settingsParsed[item];
      if(i.Code==="hospitalName"){
        this.hospitalName = i.Value;
      } else if(i.Code==="systemName"){
        this.systemName = i.Value;
      }
    }
    this.title = this.hospitalName + this.systemName;
  }

I learned to use forof instead of forin from @devdgehog's suggestion

private updateTitle(settings: any) {
    const settingsParsed = JSON.parse(settings);
    let obj;
    for (const item of settingsParsed) {
      if (item.Code === "hospitalName") {
        this.hospitalName = item.Value;
        console.log(this.hospitalName);
      } else if (item.Code === "systemName") {
        this.systemName = item.Value;
      }
    }
    this.title = this.hospitalName + this.systemName;
  }

Answer 4

The issue has been resolved

private updateTitle(settings: any) {
    const settingsParsed = JSON.parse(settings);
    let obj;
    for(const item in settingsParsed){
      const i = settingsParsed[item];
      if(i.Code==="hospitalName"){
        this.hospitalName = i.Value;
      } else if(i.Code==="systemName"){
        this.systemName = i.Value;
      }
    }
    this.title = this.hospitalName + this.systemName;
  }

I learned to use forof instead of forin from @devdgehog's suggestion

private updateTitle(settings: any) {
    const settingsParsed = JSON.parse(settings);
    let obj;
    for (const item of settingsParsed) {
      if (item.Code === "hospitalName") {
        this.hospitalName = item.Value;
        console.log(this.hospitalName);
      } else if (item.Code === "systemName") {
        this.systemName = item.Value;
      }
    }
    this.title = this.hospitalName + this.systemName;
  }

Typescript - Error in Parsing: Expecting an expression

Answer №1

Answer №2

Similar questions

Implementing context menus on the Material-UI DataGrid is a straightforward process that can enhance the user experience

Enhancing Grails dynamic dropdown to include a pre-selected value in edit.gsp

Tips for eliminating choices upon button press

Adding npm packages to your Vue.js application

Trouble with Bootstrap modal implementation when using ajax and looping through data

Receive notification of alert content when it is displayed

Calculating the average value of an attribute in an array using Mongodb (Mongoose)

Error: Trying to access a property that is undefined (specifically referencing 'rendered') has resulted in an uncaught TypeError

Ways to display JSON data in Angular 2

Instructions for showcasing a 404 error page in the event that a back-end GET request to an API fails due to the absence of a user. This guide will detail the process of separating the

Need help with creating a unit test for the Material UI slider component? An error message saying "Error: Cannot read property 'addEventListener' of null" is displayed when trying to render the component

An issue arises following an upgrade in Angular from version 9 to version 10, where the property 'propertyName' is being utilized before it has been initialized

Dealing with the state of an array of checkboxes: What you need to know

Determine whether AngularJS directive method binding automatically defaults to angular.noop

Running the gulp uncss command with regex to ignore specific elements is not functioning as expected

Unusual class exhibiting peculiar async/await patterns

calculating the dynamic height of a document from top to bottom using Angular

Using the Angular Slice Pipe to Show Line Breaks or Any Custom Delimiter

AngularJS: Pause the data binding functionality temporarily

Execute a Node.JS query using an HTML select dropdown