<\/span><\/h3>\n<\/p>\n
By using the ‘keyof’ operator in TypeScript, coupled with the index operator ‘[]’, you can retrieve the value of a property using its name. This operator allows you to access properties based on their string literal names at compile-time.<\/p>\n
\ninterface MyObject {
\n name: string;
\n age: number;
\n location: string;
\n}
\n
\nconst getPropertyByName = (obj: MyObject, propertyName: keyof MyObject) => {
\n return obj[propertyName];
\n};
\n
\nconst myObject: MyObject = {
\n name: \"John\",
\n age: 30,
\n location: \"New York\"
\n};
\n
\nconst nameValue = getPropertyByName(myObject, \"name\");
\nconsole.log(nameValue); \/\/ Output: John
\n<\/code><\/pre>\nTherefore, by utilizing the ‘keyof’ operator and the index operator ‘[]’, you can easily retrieve the value of a property using its name.<\/strong><\/p>\n