Having trouble converting from JavaScript to TypeScript, encountered an error in the process

Question

Having trouble converting from JavaScript to TypeScript, encountered an error in the process

Seeking assistance with transitioning JavaScript code to TypeScript.

const profiles = [{
    name: "kamal",
    age: "20",
    designation: "developer",
    grade: "A",
  },
  {
    name: "arun",
    age: "25",
    designation: "developer",
    grade: "A",
  },
  {
    name: "chan",
    age: "23",
    designation: "developer",
    grade: "A",
  },
];

function profileLookup(name, prop) {
  for (let i = 0; i < profiles.length; i++) {
    if (profiles[i].name === name) {
      if (prop in profiles[i]) {
        console.log(profiles[i][prop]);
      }
    }
  }
}

profileLookup("arun", "age");

javascript typescript types typescript-typings typescript-generics

Answer 1

Answer №1

Below is the provided sample code snippet.

    type User = {
    name: string;
    age: number;
    role: 'developer' | 'QA' | 'manager';
    grade: 'A' | 'B' | 'C';
}

const users: User[] = [{
    name: "kamal",
    age: 20,
    role: "developer",
    grade: "A",
},
{
    name: "arun",
    age: 25,
    role: "developer",
    grade: "A",
},
{
    name: "chan",
    age: 23,
    role: "developer",
    grade: "A",
},
];

function userLookup(name:string, attribute:keyof User) {
    for (let i = 0; i < users.length; i++) {
        if (users[i].name === name) {
            if (attribute in users[i]) {
                console.log(users[i][attribute]);
            }
        }
    }
}

userLookup("arun", "age");

Answer 2

Below is the provided sample code snippet.

    type User = {
    name: string;
    age: number;
    role: 'developer' | 'QA' | 'manager';
    grade: 'A' | 'B' | 'C';
}

const users: User[] = [{
    name: "kamal",
    age: 20,
    role: "developer",
    grade: "A",
},
{
    name: "arun",
    age: 25,
    role: "developer",
    grade: "A",
},
{
    name: "chan",
    age: 23,
    role: "developer",
    grade: "A",
},
];

function userLookup(name:string, attribute:keyof User) {
    for (let i = 0; i < users.length; i++) {
        if (users[i].name === name) {
            if (attribute in users[i]) {
                console.log(users[i][attribute]);
            }
        }
    }
}

userLookup("arun", "age");

Having trouble converting from JavaScript to TypeScript, encountered an error in the process

Answer №1

Similar questions

Navigate through the list of options by scrolling and selecting each one until the desired element is

Tips for incorporating an anchor tag within an img tag in HTML?

Determine the hexadecimal color value by combining two different colors along with a specified percentage/position

When multiple forms have identical input IDs, only the first value is sent using Ajax

express/node: You are unable to define headers once they have already been sent to the client

Nest JS is currently experiencing difficulties with extending multiple classes to include columns from other entities

The count of records in MongoDB by the current month

parsing objects within an HTML component in Angular

Strategies for capturing POST data sent to a JavaScript webpage

A guide on how to insert content into a text area using a drop-down menu choice

Changing the color of HTML text based on a variable in Vue JS can be achieved by altering the CSS styles dynamically

Exploring Nested Divs with Vue Test Utils

Angular 6: Utilizing async/await to access and manipulate specific variables within the application

Ways to loop through an array of daytime values and exhibit just the records for the current week

Display a webpage once its design is completely loaded in Nuxt

Key-based user retrieval is unavailable in Express, "findAll" can only be done through email

What is the best way to transfer $scope to a service in angular.js?

How can jsPDF be used with Angular2 in Typescript?

Accessing XML data using Cross-Domain AJAX

Experiencing an anonymous condition post onChange event in a file input of type file - ReactJS