{"id":230022,"date":"2024-05-14T22:02:37","date_gmt":"2024-05-14T22:02:37","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=230022"},"modified":"2024-05-14T22:02:37","modified_gmt":"2024-05-14T22:02:37","slug":"how-to-assign-value-to-interface-variable-in-typescript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/","title":{"rendered":"How to assign value to interface variable in TypeScript?"},"content":{"rendered":"<p>In TypeScript, interfaces are used to define the structure of an object. They allow us to establish the shape of an object by specifying the property names and their associated types. However, interfaces do not allow us to assign values directly to their variables.<\/p>\n<p>While interfaces are a helpful tool for defining the structure of an object, they are primarily used for type-checking during development. Therefore, assigning values to interface variables can be achieved by using classes or objects that implement the interface.<\/p>\n<p>Let&#8217;s take a closer look at how to assign values to interface variables in TypeScript.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#Using_classes_to_assign_values_to_interface_variables\" title=\"Using classes to assign values to interface variables\">Using classes to assign values to interface variables<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#Using_objects_to_assign_values_to_interface_variables\" title=\"Using objects to assign values to interface variables\">Using objects to assign values to interface variables<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#How_to_assign_partial_values_to_interface_variables\" title=\"How to assign partial values to interface variables?\">How to assign partial values to interface variables?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#FAQs\" title=\"FAQs:\">FAQs:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#1_Can_I_assign_values_directly_to_interface_variables_in_TypeScript\" title=\"1. Can I assign values directly to interface variables in TypeScript?\">1. Can I assign values directly to interface variables in TypeScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#2_What_are_interfaces_used_for_in_TypeScript\" title=\"2. What are interfaces used for in TypeScript?\">2. What are interfaces used for in TypeScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#3_Can_I_assign_values_to_interface_variables_in_JavaScript\" title=\"3. Can I assign values to interface variables in JavaScript?\">3. Can I assign values to interface variables in JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#4_How_can_I_assign_values_to_a_property_of_an_interface_variable\" title=\"4. How can I assign values to a property of an interface variable?\">4. How can I assign values to a property of an interface variable?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#5_Can_an_interface_variable_have_default_values\" title=\"5. Can an interface variable have default values?\">5. Can an interface variable have default values?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#6_Can_I_assign_additional_properties_to_an_interface_variable\" title=\"6. Can I assign additional properties to an interface variable?\">6. Can I assign additional properties to an interface variable?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#7_Can_I_assign_different_types_of_values_to_an_interface_variable\" title=\"7. Can I assign different types of values to an interface variable?\">7. Can I assign different types of values to an interface variable?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#8_Can_I_assign_values_to_an_interface_variable_inside_a_function\" title=\"8. Can I assign values to an interface variable inside a function?\">8. Can I assign values to an interface variable inside a function?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#9_Can_I_assign_a_null_or_undefined_value_to_an_interface_variable\" title=\"9. Can I assign a null or undefined value to an interface variable?\">9. Can I assign a null or undefined value to an interface variable?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#10_Can_I_assign_values_to_an_interface_variable_of_a_different_interface\" title=\"10. Can I assign values to an interface variable of a different interface?\">10. Can I assign values to an interface variable of a different interface?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#11_Can_I_assign_values_to_an_interface_variable_without_explicitly_implementing_it\" title=\"11. Can I assign values to an interface variable without explicitly implementing it?\">11. Can I assign values to an interface variable without explicitly implementing it?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#12_Can_I_assign_values_to_an_interface_variable_after_its_declaration\" title=\"12. Can I assign values to an interface variable after its declaration?\">12. Can I assign values to an interface variable after its declaration?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Using_classes_to_assign_values_to_interface_variables\"><\/span>Using classes to assign values to interface variables<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>One way to assign values to interface variables is by using classes. Classes are the blueprint for creating objects that implement the interface. Here&#8217;s an example:<\/p>\n<p>&#8220;`typescript<br \/>\ninterface Person {<br \/>\n  name: string;<br \/>\n  age: number;<br \/>\n}<\/p>\n<p>class Human implements Person {<br \/>\n  name: string;<br \/>\n  age: number;<\/p>\n<p>  constructor(name: string, age: number) {<br \/>\n    this.name = name;<br \/>\n    this.age = age;<br \/>\n  }<br \/>\n}<\/p>\n<p>const person: Person = new Human(&#8220;John Doe&#8221;, 25);<br \/>\n&#8220;`<\/p>\n<p>In the above code snippet, we define an interface `Person` with `name` and `age` properties. Then, we create a `Human` class that implements the `Person` interface. The class defines a constructor that assigns values to the `name` and `age` properties. Finally, we create an instance of the `Human` class and assign it to a variable of type `Person`.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Using_objects_to_assign_values_to_interface_variables\"><\/span>Using objects to assign values to interface variables<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Another approach to assign values to interface variables is by using objects. This method is particularly useful when working with objects that match the interface structure but are not part of a class hierarchy. Here&#8217;s an example:<\/p>\n<p>&#8220;`typescript<br \/>\ninterface Person {<br \/>\n  name: string;<br \/>\n  age: number;<br \/>\n}<\/p>\n<p>const person: Person = {<br \/>\n  name: &#8220;John Doe&#8221;,<br \/>\n  age: 25,<br \/>\n};<br \/>\n&#8220;`<\/p>\n<p>In this case, we directly define an object that implements the `Person` interface and assign it to a variable of type `Person`. The object&#8217;s properties are assigned values inline.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_assign_partial_values_to_interface_variables\"><\/span>How to assign partial values to interface variables?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To assign partial values to interface variables, you can make use of the TypeScript utility type `Partial<T>`. This utility allows you to mark all properties of a type as optional. Here&#8217;s an example:<\/p>\n<p>&#8220;`typescript<br \/>\ninterface Person {<br \/>\n  name: string;<br \/>\n  age?: number; \/\/ Optional property<br \/>\n}<\/p>\n<p>const person: Partial<Person> = {<br \/>\n  name: &#8220;John Doe&#8221;,<br \/>\n};<br \/>\n&#8220;`<\/p>\n<p>In the above code snippet, the `age` property is marked as optional by using the `?` modifier. Then, the `Partial<T>` utility type is used to indicate that the `Person` type can have optional properties.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"1_Can_I_assign_values_directly_to_interface_variables_in_TypeScript\"><\/span>1. Can I assign values directly to interface variables in TypeScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, you cannot assign values directly to interface variables in TypeScript. Interfaces are solely used for type-checking.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_What_are_interfaces_used_for_in_TypeScript\"><\/span>2. What are interfaces used for in TypeScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nInterfaces are used to define the structure of an object and perform type-checking during development.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Can_I_assign_values_to_interface_variables_in_JavaScript\"><\/span>3. Can I assign values to interface variables in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, interfaces do not exist in JavaScript. They are a TypeScript-specific feature.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_can_I_assign_values_to_a_property_of_an_interface_variable\"><\/span>4. How can I assign values to a property of an interface variable?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can assign values to the properties of an interface variable by using classes or objects that implement the interface.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Can_an_interface_variable_have_default_values\"><\/span>5. Can an interface variable have default values?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, interfaces do not support default values as they are primarily used for type-checking.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Can_I_assign_additional_properties_to_an_interface_variable\"><\/span>6. Can I assign additional properties to an interface variable?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can assign additional properties to an interface variable as long as they adhere to the structure defined by the interface.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Can_I_assign_different_types_of_values_to_an_interface_variable\"><\/span>7. Can I assign different types of values to an interface variable?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, once the type of a property is defined in an interface, it cannot be changed to a different type when assigning values.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Can_I_assign_values_to_an_interface_variable_inside_a_function\"><\/span>8. Can I assign values to an interface variable inside a function?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can assign values to an interface variable inside a function by following the same methods mentioned earlier (using classes or objects).<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_Can_I_assign_a_null_or_undefined_value_to_an_interface_variable\"><\/span>9. Can I assign a null or undefined value to an interface variable?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can assign null or undefined values to an interface variable if the property is explicitly marked as such in the interface definition.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_Can_I_assign_values_to_an_interface_variable_of_a_different_interface\"><\/span>10. Can I assign values to an interface variable of a different interface?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, interfaces are not interchangeable, and you cannot assign values from one interface variable to a variable of another interface.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_Can_I_assign_values_to_an_interface_variable_without_explicitly_implementing_it\"><\/span>11. Can I assign values to an interface variable without explicitly implementing it?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, you need to explicitly implement an interface by using a class or object before assigning values to its variables.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_Can_I_assign_values_to_an_interface_variable_after_its_declaration\"><\/span>12. Can I assign values to an interface variable after its declaration?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, interface variables do not exist at runtime. They are only used for type-checking during development and cannot hold values directly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In TypeScript, interfaces are used to define the structure of an object. They allow us to establish the shape of an object by specifying the property names and their associated types. However, interfaces do not allow us to assign values directly to their variables. While interfaces are a helpful tool for defining the structure of &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to assign value to interface variable in TypeScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#more-230022\">Read more<span class=\"screen-reader-text\">How to assign value to interface variable in TypeScript?<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-230022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to assign value to interface variable in TypeScript?<\/title>\n<meta name=\"description\" content=\"In TypeScript, interfaces are used to define the structure of an object. They allow us to establish the shape of an object by specifying the property\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to assign value to interface variable in TypeScript?\" \/>\n<meta property=\"og:description\" content=\"In TypeScript, interfaces are used to define the structure of an object. They allow us to establish the shape of an object by specifying the property\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-14T22:02:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Casey Mayer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Casey Mayer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/\"},\"author\":{\"name\":\"Casey Mayer\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f\"},\"headline\":\"How to assign value to interface variable in TypeScript?\",\"datePublished\":\"2024-05-14T22:02:37+00:00\",\"dateModified\":\"2024-05-14T22:02:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/\"},\"wordCount\":764,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/\",\"name\":\"How to assign value to interface variable in TypeScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-05-14T22:02:37+00:00\",\"dateModified\":\"2024-05-14T22:02:37+00:00\",\"description\":\"In TypeScript, interfaces are used to define the structure of an object. They allow us to establish the shape of an object by specifying the property\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to assign value to interface variable in TypeScript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f\",\"name\":\"Casey Mayer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Casey Mayer\"},\"description\":\"Guest author Casey Mayer has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to assign value to interface variable in TypeScript?","description":"In TypeScript, interfaces are used to define the structure of an object. They allow us to establish the shape of an object by specifying the property","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/","og_locale":"en_US","og_type":"article","og_title":"How to assign value to interface variable in TypeScript?","og_description":"In TypeScript, interfaces are used to define the structure of an object. They allow us to establish the shape of an object by specifying the property","og_url":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-05-14T22:02:37+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png","type":"image\/png"}],"author":"Casey Mayer","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Casey Mayer","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/"},"author":{"name":"Casey Mayer","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f"},"headline":"How to assign value to interface variable in TypeScript?","datePublished":"2024-05-14T22:02:37+00:00","dateModified":"2024-05-14T22:02:37+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/"},"wordCount":764,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/","name":"How to assign value to interface variable in TypeScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-05-14T22:02:37+00:00","dateModified":"2024-05-14T22:02:37+00:00","description":"In TypeScript, interfaces are used to define the structure of an object. They allow us to establish the shape of an object by specifying the property","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-to-interface-variable-in-typescript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to assign value to interface variable in TypeScript?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f","name":"Casey Mayer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Casey Mayer"},"description":"Guest author Casey Mayer has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/230022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=230022"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/230022\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=230022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=230022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=230022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}