{"id":1169,"date":"2021-07-03T16:36:39","date_gmt":"2021-07-03T16:36:39","guid":{"rendered":"https:\/\/usemynotes.com\/?p=1169"},"modified":"2023-07-18T16:16:05","modified_gmt":"2023-07-18T16:16:05","slug":"object-in-javascript","status":"publish","type":"post","link":"https:\/\/usemynotes.com\/object-in-javascript\/","title":{"rendered":"Object in JavaScript"},"content":{"rendered":"<p>Hello everyone, in this module, I will be discussing <strong>object in JavaScript<\/strong>. In the previous module, we discussed arrays in JavaScript. Now, it\u2019s time to learn about objects in JavaScript. So, let\u2019s begin.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 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\" style=\"cursor:inherit\">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 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Object_in_JavaScript\" >Object in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Creating_an_object_in_JavaScript\" >Creating an object in JavaScript<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Using_Object_Literal_in_JavaScript\" >Using Object Literal in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Using_new_keyword_in_JavaScript\" >Using new keyword in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Object_constructor_in_JavaScript\" >Object constructor in JavaScript<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#How_to_access_the_properties_of_objects_in_JavaScript\" >How to access the properties of objects in JavaScript?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Using_object_name_and_property_name_or_key_in_JavaScript\" >Using object name and property name or key 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:\/\/usemynotes.com\/object-in-javascript\/#Using_object_name_and_property_name_or_key_in_JavaScript-2\" >Using object name and property name or key in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Using_Predefined_Methods_in_JavaScript\" >Using Predefined Methods in JavaScript<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#keys\" >keys()<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#values\" >values()<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Function_inside_object_in_JavaScript\" >Function inside object in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Updating_the_values_of_a_property_in_JavaScript\" >Updating the values of a property in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Deleting_the_property_of_an_object_in_JavaScript\" >Deleting the property of an object in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Array_inside_object_in_JavaScript\" >Array inside object in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Nested_object_in_JavaScript\" >Nested object in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#Array_of_objects_in_JavaScript\" >Array of objects in JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#How_to_print_key-value_pairs_using_a_for-in_loop\" >How to print key-value pairs using a for-in loop?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/usemynotes.com\/object-in-javascript\/#The_entries_method_in_JavaScript\" >The entries() method in JavaScript<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Object_in_JavaScript\"><\/span>Object in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>An object is a real-world entity having some properties and methods. For example, a student, a car, a pen, etc. In JavaScript, an object is defined as a collection or group of properties.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-1172 aligncenter\" src=\"https:\/\/usemynotes.com\/wp-content\/uploads\/2021\/07\/Object-in-Javascript.jpg\" alt=\"Object in Javascript\" width=\"834\" height=\"650\" title=\"\" srcset=\"https:\/\/usemynotes.com\/wp-content\/uploads\/2021\/07\/Object-in-Javascript.jpg 834w, https:\/\/usemynotes.com\/wp-content\/uploads\/2021\/07\/Object-in-Javascript-300x234.jpg 300w, https:\/\/usemynotes.com\/wp-content\/uploads\/2021\/07\/Object-in-Javascript-768x599.jpg 768w, https:\/\/usemynotes.com\/wp-content\/uploads\/2021\/07\/Object-in-Javascript-150x117.jpg 150w, https:\/\/usemynotes.com\/wp-content\/uploads\/2021\/07\/Object-in-Javascript-696x542.jpg 696w, https:\/\/usemynotes.com\/wp-content\/uploads\/2021\/07\/Object-in-Javascript-539x420.jpg 539w\" sizes=\"(max-width: 834px) 100vw, 834px\" \/><\/p>\n<p>Each property is in the form of key-value pairs. The key is a string or number and is also known as a property name and the value can be anything like the <a href=\"https:\/\/usemynotes.com\/what-are-data-types-in-javascript\/\">number<\/a>, Boolean, method, etc.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Creating_an_object_in_JavaScript\"><\/span>Creating an object in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In JavaScript, an object can be created in 3 ways:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Using_Object_Literal_in_JavaScript\"><\/span>Using Object Literal in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The property or key name is separated by a colon(:).<br \/>\n<strong>Syntax<\/strong><br \/>\nvar object_name={property1:val1,property2:val2,\u2026..}<br \/>\nproperty1, property2, \u2026. and val1, val2,\u2026\u2026 are properties and values respectively.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar student={name:&#039;Rahul&#039;,age:22,gender:&#039;M&#039;};\r\nconsole.log(student);\r\nconsole.log(typeof student);\r\n\r\n\/\/Output\r\n\/\/{name: &quot;Rahul&quot;, age: 22, gender: &quot;M&quot;}\r\n\/\/ object\r\n<\/pre>\n<p>We can also first declare the object and then assign properties and values to it.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nlet student={};\r\nstudent&#x5B;&#039;name&#039;]=&#039;Rahul&#039;;\r\nstudent&#x5B;&#039;age&#039;]=22;\r\nstudent&#x5B;&#039;gender&#039;]=&#039;M&#039;;\r\nconsole.log(student)\r\n\r\n\/\/Output\r\n\/\/{name: &quot;Rahul&quot;, age: 22, gender: &quot;M&quot;}\r\n<\/pre>\n<h3><span class=\"ez-toc-section\" id=\"Using_new_keyword_in_JavaScript\"><\/span>Using new keyword in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>We can create objects using new keywords in JavaScript.<br \/>\n<strong>Syntax<\/strong><br \/>\nvar object_name=new Object()<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar student=new Object();\r\nstudent.name=&#039;Shekhar&#039;;\r\nstudent.age=&#039;21&#039;;\r\nconsole.log(student);\r\nconsole.log(typeof student);\r\n\r\n\/\/Output\r\n\/\/{name: &quot;Shekhar&quot;, age: &quot;21&quot;}\r\n\/\/object\r\n<\/pre>\n<h3><span class=\"ez-toc-section\" id=\"Object_constructor_in_JavaScript\"><\/span>Object constructor in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In this method, a function is created with arguments. A value is assigned to the arguments of the current object using this keyword.<br \/>\n<strong>Syntax<\/strong><br \/>\nvar object_name = new Function_name(param1,param2,\u2026..)<br \/>\nparam1, param2,\u2026.. are parameters and it is optional.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nfunction student(name,age,gen)\r\n{\r\n    this.name=name;\r\n    this.age=age;\r\n    this.gender=gen;\r\n}\r\n\r\nvar simran=new student(&#039;Simran&#039;,22,&#039;F&#039;);\r\nvar shikhar=new student(&#039;Shikhar&#039;,21,&#039;M&#039;);\r\nconsole.log(`Name:${simran.name}, Age:${simran.age} and Gender:${simran.gender}`);\r\nconsole.log(`Name:${shikhar.name}, Age:${shikhar.age} and Gender:${shikhar.gender}`);\r\n\r\n\/\/Output\r\n\/\/ Name:Simran, Age:22 and Gender:F\r\n\/\/ Name:Shikhar, Age:21 and Gender:M\r\n<\/pre>\n<p>The above method is useful when compared to the object literal and new keyword because it allows you to create multiple objects which are having the same properties. Hence, this method allows reusing the code. I will be discussing object literal in this module, which is mostly used.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_access_the_properties_of_objects_in_JavaScript\"><\/span>How to access the properties of objects in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Using_object_name_and_property_name_or_key_in_JavaScript\"><\/span>Using object name and property name or key in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>Syntax<\/strong><br \/>\nObject_name.property_name<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar employee = {\r\n    name:&#039;Himanshu Verma&#039;,\r\n    age:25,\r\n    salary:30000,\r\n    gender:&#039;M&#039;\r\n};\r\nconsole.log(&#039;Name:&#039;,employee.name);\r\nconsole.log(&#039;Age:&#039;,employee.age);\r\nconsole.log(&#039;Salary:&#039;,employee.salary);\r\nconsole.log(&#039;Gender:&#039;,employee.gender);\r\n\r\n\/\/Output\r\n\/\/Name: Himanshu Verma\r\n\/\/Age: 25\r\n\/\/Salary: 30000\r\n\/\/Gender: M\r\n<\/pre>\n<h3><span class=\"ez-toc-section\" id=\"Using_object_name_and_property_name_or_key_in_JavaScript-2\"><\/span>Using object name and property name or key in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>Syntax<\/strong><br \/>\nObject_name[property_name]<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar employee={\r\n  name:&#039;Himanshu Verma&#039;,\r\n  age:25,\r\n  salary:30000,\r\n  gender:&#039;M&#039;\r\n};\r\nconsole.log(&#039;Name:&#039;,employee&#x5B;&#039;name&#039;]);\r\nconsole.log(&#039;Age:&#039;,employee&#x5B;&#039;age&#039;]);\r\nconsole.log(&#039;Salary:&#039;,employee&#x5B;&#039;salary&#039;]);\r\nconsole.log(&#039;Gender:&#039;,employee&#x5B;&#039;gender&#039;]);\r\n\r\n\/\/Output\r\n\/\/Name: Himanshu Verma\r\n\/\/Age: 25\r\n\/\/Salary: 30000\r\n\/\/Gender: M\r\n<\/pre>\n<h3><span class=\"ez-toc-section\" id=\"Using_Predefined_Methods_in_JavaScript\"><\/span>Using Predefined Methods in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>JavaScript has predefined methods to get the key and values separately.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"keys\"><\/span>keys()<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>It is an object method used to get all the key names of an object. It uses the Object keyword.<\/p>\n<p><strong>Syntax<\/strong><br \/>\nObject.keys(object_name)<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nconsole.log(Object.keys(employee));\r\n\r\n\/\/Output\r\n\/\/&#x5B;&quot;name&quot;, &quot;age&quot;, &quot;salary&quot;, &quot;gender&quot;]\r\n<\/pre>\n<h4><span class=\"ez-toc-section\" id=\"values\"><\/span>values()<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>It is an object method used to get all the values of an object. It uses the Object keyword.<\/p>\n<p><strong>Syntax<\/strong><br \/>\nObject.values(object_name)<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nconsole.log(Object.values(employee));\r\n\r\n\/\/Output\r\n\/\/&#x5B;&quot;Himanshu Verma&quot;, 25, 30000, &quot;M&quot;]\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Function_inside_object_in_JavaScript\"><\/span>Function inside object in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We can also use a <a href=\"https:\/\/usemynotes.com\/what-are-functions-in-javascript\/\">function<\/a> as a value in an object.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar info = {\r\n  fname:&#039;Surya&#039;,\r\n  mname:&#039;Pratap&#039;,\r\n  lname:&#039;Raj&#039;,\r\n  age:function(){\r\n  return 21;\r\n}\r\n};\r\nconsole.log(&#039;Name:&#039;+info.fname+&#039; &#039;,info.mname+&#039; &#039;+info.lname);\r\n\/\/ calling a method\r\nconsole.log(&#039;Age:&#039;+info.age());\r\n\r\n\/\/ Output\r\n\/\/ Name:Surya Pratap Raj\r\n\/\/Age:21\r\n<\/pre>\n<p>To use the property inside a method, we need to use this keyword in JavaScript.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar info={\r\n  fname:&#039;Surya&#039;,\r\n  mname:&#039;Pratap&#039;,\r\n  lname:&#039;Shetty&#039;,\r\n  name:function(){\r\n    return `My name is ${this.fname} ${this.mname} ${this.lname}.`\r\n  }\r\n};\r\nconsole.log(info.name());\r\n\r\n\/\/Output\r\n\/\/My name is Surya Pratap Shetty.\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Updating_the_values_of_a_property_in_JavaScript\"><\/span>Updating the values of a property in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We can easily update the property values of an object by using the syntax shown below:<br \/>\n<strong>Syntax<\/strong><br \/>\nObject_name.property_name=new value;<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nlet info = {\r\n  name:&#039;Rakesh&#039;,\r\n  age:21\r\n};\r\n\r\nconsole.log(info.name);\r\nconsole.log(info.age);\r\ninfo.age=30;\r\nconsole.log(info.age);\r\n\r\n\/\/Output\r\n\/\/Rakesh\r\n\/\/21\r\n\/\/30\r\n<\/pre>\n<p>We can add new properties to the existing object.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nlet info={\r\n  name:&#039;Rakesh&#039;,\r\n  age:21\r\n};\r\nconsole.log(info);\r\ninfo.gender=&#039;M&#039;;\r\nconsole.log(info);\r\n\r\n\/\/Output\r\n\/\/{name: &quot;Rakesh&quot;, age: 21}\r\n\/\/{name: &quot;Rakesh&quot;, age: 21, gender: &quot;M&quot;}\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Deleting_the_property_of_an_object_in_JavaScript\"><\/span>Deleting the property of an object in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We can delete the specific property of an object using the delete keyword in JavaScript.<br \/>\n<strong>Syntax<\/strong><br \/>\ndelete object_name.property_name<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nlet info={\r\n  name:&#039;Rakesh&#039;,\r\n  age:21\r\n};\r\n\r\nconsole.log(info);\r\ndelete info.age\r\nconsole.log(info);\r\n\r\n\/\/Output\r\n\/\/{name: &quot;Rakesh&quot;, age: 21}\r\n\/\/{name: &quot;Rakesh&quot;}\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Array_inside_object_in_JavaScript\"><\/span>Array inside object in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>An array can be used inside an object.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nlet employee={\r\n  name:&#039;Kartik Sharma&#039;,\r\n  age:65,\r\n  salary:30000,\r\n  skills:&#x5B;&#039;PHP&#039;,&#039;Java&#039;,&#039;JavaScript&#039;,&#039;HTML5&#039;]\r\n};\r\nconsole.log(employee.skills);\r\nconsole.log(employee.skills&#x5B;2]);\r\nconsole.log(employee.skills&#x5B;1]);\r\n\r\n\/\/Output\r\n\/\/&#x5B;&quot;PHP&quot;, &quot;Java&quot;, &quot;JavaScript&quot;, &quot;HTML5&quot;]\r\n\/\/JavaScript\r\n\/\/Java\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Nested_object_in_JavaScript\"><\/span>Nested object in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>An object can be used inside another object.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nlet employee = {\r\n  name:&#039;Kartik Sharma&#039;,\r\n  age:65,\r\n  salary:30000,\r\n  address:{\r\n    city:&#039;GM Road&#039;,\r\n    state:&#039;Mumbai&#039;,\r\n    country:&#039;India&#039;\r\n  }\r\n};\r\n\r\nconsole.log(employee.address);\r\nconsole.log(`Address:${employee.address.city},${employee.address.state},${employee.address.country}.`);\r\n\r\n\/\/Output\r\n\/\/ {city: &quot;GM Road&quot;, state: &quot;Mumbai&quot;, country: &quot;India&quot;}\r\n\/\/ Address:GM Road,Mumbai,India.\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Array_of_objects_in_JavaScript\"><\/span>Array of objects in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In <a href=\"https:\/\/usemynotes.com\/what-is-javascript\/\">JavaScript<\/a>, an array can also be used to store multiple objects.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar student=&#x5B;\r\n  {name:&#039;Pallavi&#039;,age:21,gender:&#039;F&#039;,course:&#039;Machine learning&#039;},\r\n  {name:&#039;Shikhar&#039;,age:22,gender:&#039;M&#039;,course:&#039;Web development&#039;},\r\n  {name:&#039;Pankaj&#039;,age:22,gender:&#039;M&#039;,course:&#039;Android development&#039;},\r\n];\r\n\r\nfor(let i=0;i&lt;student.length;i++)\r\n{\r\n  console.log(&#039;Name:&#039;,student&#x5B;i].name);\r\n  console.log(&#039;Age:&#039;,student&#x5B;i].age);\r\n  console.log(&#039;Gender:&#039;,student&#x5B;i].gender);\r\n  console.log(&#039;Course:&#039;,student&#x5B;i].course);\r\n  console.log(&#039;----------------&#039;);\r\n}\r\n\r\n\/\/Output\r\n\/\/Name: Pallavi\r\n\/\/Age: 21\r\n\/\/Gender: F\r\n\/\/Course: Machine learning\r\n\/\/ ----------------\r\n\/\/Name: Shikhar\r\n\/\/Age: 22\r\n\/\/Gender: M\r\n\/\/Course: Web development\r\n\/\/ ----------------\r\n\/\/Name: Pankaj\r\n\/\/Age: 22\r\n\/\/Gender: M\r\n\/\/Course: Android development\r\n\/\/ ----------------\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"How_to_print_key-value_pairs_using_a_for-in_loop\"><\/span>How to print key-value pairs using a for-in loop?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In JavaScript, just like any other <a href=\"https:\/\/usemynotes.com\/loops-in-javascript\/\">loop<\/a>, a for-in loop is used to print the property name or key and value of an object.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nlet info={\r\n  name:&#039;Rakesh&#039;,\r\n  age:21,\r\n  gender:&#039;M&#039;\r\n};\r\n\r\nfor(let key in info)\r\n{\r\n  console.log(key,&#039;:&#039;,info&#x5B;key]);\r\n}\r\n\r\n\/\/Output\r\n\/\/name : Rakesh\r\n\/\/age : 21\r\n\/\/gender : M\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"The_entries_method_in_JavaScript\"><\/span>The entries() method in JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This method is used to return an array of key-value pairs of the object. It uses the Object keyword.<br \/>\n<strong>Syntax<\/strong><br \/>\nObject.entries(object_name)<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar student={\r\n  id:1,\r\n  name:&#039;Aman Roy&#039;,\r\n};\r\nconsole.log(Object.entries(student));\r\n\r\n\/\/Output\r\n\/\/&#x5B; &#x5B; &#039;id&#039;, 1 ], &#x5B; &#039;name&#039;, &#039;Aman Roy&#039; ] ]\r\n<\/pre>\n<p>I hope <strong>Object in JavaScript<\/strong> module will be beneficial for you. Now, you might have gained a good knowledge of objects in JavaScript and will try to implement it by yourself. Keep Practicing!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello everyone, in this module, I will be discussing object in JavaScript. In the previous module, we discussed arrays in JavaScript. Now, it\u2019s time to learn about objects in JavaScript. So, let\u2019s begin. Object in JavaScript An object is a real-world entity having some properties and methods. For example, a student, a car, a pen, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1172,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":{"0":"post-1169","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript"},"_links":{"self":[{"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/posts\/1169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/comments?post=1169"}],"version-history":[{"count":0,"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/posts\/1169\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/media\/1172"}],"wp:attachment":[{"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/media?parent=1169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/categories?post=1169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usemynotes.com\/wp-json\/wp\/v2\/tags?post=1169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}