The syntax of an object consists of key-value pairs, where the key is a string and the value can be any JavaScript data type. In this example, an object named “car” has been created with the following properties:<\/p>\n\n\n\n
The syntax of an object consists of key-value pairs, where the key is a string and the value can be any JavaScript data type. In this example, an object named “car” has been created with the following properties:<\/p>\n\n\n
\nlet auto = {\nmark: "Toyota",\nmudel: "Corolla",\naasta: 2022,\nvarv: "punane",\nlisavarustus: ["kliimaseade", "elektriaknad", "navigatsioonis\u00fcsteem"]\n};\n\/\/ calling\nconsole.log(auto);\n<\/pre><\/div>\n\n\nTo print, print the entire object:<\/p>\n\n\n\n\nconsole.log(auto.mark); \/\/ Output: "Toyota"\nconsole.log(auto.mudel); \/\/ Output: "Corolla"\nconsole.log(auto.aasta); \/\/ Output: 2022\nconsole.log(auto.varv); \/\/ Output: "punane"\nconsole.log(auto.omadused); \/\/ Output: ["kliimaseade", "elektriaknad", "navigatsioonis\u00fcsteem"]\n<\/pre><\/div>\n\n\n<\/span>Object methods and using this<\/span><\/h1>\n\n\n\nObjects in JavaScript can contain not only properties, but also methods. Methods are functions of an object that can manipulate the object’s properties or perform other operations in the context of the object. The this keyword is used within methods to refer to the object in which the method is called. Let’s create a method for the previous car object that displays the car’s full name. In order for the method to use the properties of the same object, we must use the this keyword.<\/p>\n\n\n
\nlet autoOM = {\n \/\/omadused\n mark: "Toyota",\n mudel: "Corolla L",\n aasta: 2022,\n varv: "punane",\n omadused: ["kliimaseade", "elektriaknad", "navigatsioonis\u00fcsteem"],\n\n \/\/meetodid\n taisnimi: function() {\n return this.mark + " " + this.mudel;\n }\n};\n\nconsole.log(autoOM.taisnimi());\n<\/pre><\/div>\n\n\n<\/span>Method shortening<\/span><\/h1>\n\n\n\nThe new JavaScript ES6 now allows methods to be written in a shorter form.<\/p>\n\n\n
\n\/\/meetodid\n taisnimi() {\n return this.mark + " " + this.mudel;\n }\n<\/pre><\/div>\n\n\nIf the properties are in an array, use a for or forEach loop.<\/p>\n\n\n
\nlet auto = {\n \/\/omadused\n mark: "Toyota",\n mudel: "Corolla L",\n aasta: 2022,\n varv: "punane",\n omadused: ["kliimaseade", "elektriaknad", "navigatsioonis\u00fcsteem"],\n\n \/\/meetodid\n taisnimi() {\n return this.mark + " " + this.mudel;\n },\n\n kuvaOmadused() {\n this.omadused.forEach(omadus => console.log(omadus)); \n }\n};\n\nauto.kuvaOmadused();\n<\/pre><\/div>\n\n\n<\/span>Object arrays<\/span><\/h1>\n\n\n\nAn object array is a data structure in JavaScript that consists of several objects arranged in order based on an index. Each object is a collection of key-value pairs, where the key is unique and the value is the data of the key-value pair. An object array can contain various data types, including text (string), numbers, boolean values, functions, other objects, etc.<\/p>\n\n\n\n
<\/span>Creating and displaying an array of objects<\/span><\/h1>\n\n\n\nCreating an array of objects is relatively simple. Let’s start by storing car data, for example. Each car is represented as an object that contains information about the car’s make, model, and year of manufacture.<\/p>\n\n\n
\nlet autod = [\n { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },\n { mark: 'Honda', mudel: 'Civic', aasta: 2012 },\n { mark: 'Tesla', mudel: 'Model 3', aasta: 2019 }\n];\n\nconsole.log(autod);\n<\/pre><\/div>\n\n\nIf we want to see the data for a specific car, we can refer to the car’s position in the array (remember that array indexing starts at 0)<\/p>\n\n\n
\nconsole.log(autod[0]);\n<\/pre><\/div>\n\n\nAnd in this object, I can access the elements using “dot syntax,” as above.<\/p>\n\n\n
\nconsole.log(autod[0].mark);\n<\/pre><\/div>\n\n\nTo view all models, we again use the forEach loop<\/p>\n\n\n
\nlet autod = [\n { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },\n { mark: 'Honda', mudel: 'Civic', aasta: 2012 },\n { mark: 'Tesla', mudel: 'Model 3', aasta: 2019 }\n];\n\n\nautod.forEach((auto) => {\n console.log(`\n Mark: ${auto.mark},\n Mudel: ${auto.mudel},\n Aasta: ${auto.aasta}\n `);\n});\n<\/pre><\/div>\n\n\n<\/span>Object array methods<\/span><\/h2>\n\n\n\nJavaScript array methods can be used with both regular arrays and object arrays. Methods such as push(), pop(), shift(), unshift(), splice(), slice(), forEach(), map(), filter(), reduce(), sort(), etc. can all be used regardless of whether the array contains simple data types (such as strings or numbers) or more complex data (such as objects or even other arrays).<\/p>\n\n\n\n
This is because arrays are objects in JavaScript, and both simple data types and objects are stored in arrays in the same way. The type of data contained in an array does not affect array methods. For example, adding new objects to an array of objects using push and unshift.<\/p>\n\n\n
\nlet autod = [\n { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },\n { mark: 'Honda', mudel: 'Civic', aasta: 2012 },\n { mark: 'Tesla', mudel: 'Model 3', aasta: 2019 },\n { mark: 'BMW', mudel: '320i', aasta: 2015 },\n { mark: 'Ford', mudel: 'Focus', aasta: 2020 }\n];\n\n\/\/Lisab uue objekti massiivi l\u00f5ppu\nautod.push({ mark: 'BMW', mudel: '320i', aasta: 2015 });\nautod.unshift({ mark: 'Ford', mudel: 'Focus', aasta: 2020 });\n<\/pre><\/div>\n\n\nThe splice method simultaneously deletes and adds.<\/p>\n\n\n
\nmassiiv.splice(\n {start indeks},\n {mitu eemaldada},\n {mida lisada}\n);\n<\/pre><\/div>\n\n\nFor example<\/p>\n\n\n
\n\/\/Eemaldab esimese objekti\nautod.splice(0,1);\n\/\/Lisab objekti alates teisest indeksist, ei kustutata midagi\nautod.splice(1,0,{ mark: 'Audi', mudel: 'A4', aasta: 2018 });\n<\/pre><\/div>\n\n\n<\/span>Searching in an array<\/span><\/h2>\n\n\n\nTo search in an array of objects, we use the find method, which requires a function to be executed. We use the arrow function because it is shorter.<\/p>\n\n\n
\n\/\/Otsimine\nlet otsing = autod.find(auto=>auto.aasta > 2018);\nconsole.log(otsing);\n<\/pre><\/div>\n\n\nThis method finds the first match and returns it. If no match is found, undefined is returned. To set multiple conditions, use the && operator.<\/p>\n\n\n
\n\/\/Otsimine\nlet otsing = autod.find(auto=>auto.aasta > 2018 && auto.mark === "Tesla");\nconsole.log(otsing);\n<\/pre><\/div>\n\n\nSince find only finds one result, use the filter method to get multiple answers. The filter creates a new array from the array and outputs the elements that match the conditions.<\/p>\n\n\n\n
For example, we have numbers and want to get even numbers from them<\/p>\n\n\n
\nlet arvud = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\nconst filtreeritud = arvud.filter(arv => arv % 2 === 0);\nconsole.log(filtreeritud);\n<\/pre><\/div>\n\n\nIn the case of cars, we can turn to auto.aasta, for example, and filter those that are newer than 2018.<\/p>\n\n\n
\n\/\/Filtreerimine\nlet filter = autod.filter(auto=>auto.aasta > 2018);\nconsole.log(filter);\n<\/pre><\/div>\n\n\n<\/span>Sorting an array<\/span><\/h2>\n\n\n\nAs a final method, let’s look at sorting. Simple sorting does not work correctly for arrays of objects. Therefore, we need to use a comparison function.<\/p>\n\n\n
\nautod.sort((a, b) => a.aasta - b.aasta);\nconsole.log(autod);\n<\/pre><\/div>\n\n\nHere, (a, b) => a – b is a comparison function that tells sort() to sort numbers by their actual numerical values rather than their string values. The function a – b returns a negative value if a is less than b, a positive value if a is greater than b, and 0 if a and b are equal \u2013 exactly what sort() needs to sort its elements correctly.<\/p>\n\n\n\n
<\/span>Task<\/span><\/h2>\n\n\n\nBook object<\/strong><\/p>\n\n\n\nCreate a book object with at least three properties: title, author, year.<\/p>\n\n\n
\nlet raamat = { \n pealkiri: 'kuritegu ja karistus', \n autor: 'Fyodor Dostoevsky', \n aasta: 1866\n};\n<\/pre><\/div>\n\n\n2. Add a method that displays the description of the first book.<\/p>\n\n\n
\nconsole.log(raamat.pealkiri);\n<\/pre><\/div>\n\n\nAnswer:<\/p>\n\n\n\n3. Add a method that changes the year of publication and prints the results to the console.<\/strong><\/p>\n\n\n\ncrime and punishment amended in 2020<\/p>\n\n\n
\nlet raamat = { \n pealkiri: 'Kuritegu ja karistus', \n autor: 'Fyodor Dostoevsky', \n aasta: 1866\n};\n\nraamat.muudaAasta = function() {\n this.aasta = 2020;\n console.log(this.aasta);\n};\n\nraamat.muudaAasta();\n<\/pre><\/div>\n\n\n<\/span>Library<\/span><\/h3>\n\n\n\nCreate an object library with books as its properties (an array of books).<\/p>\n\n\n
\nlet raamatukogu = [\n { pealkiri: 'l\u00e4\u00e4nerindel on k\u00f5ik vaikne', autor: 'Erih Remark', aasta: 1928},\n { pealkiri: 'Sipsik', autor: 'Eno Raud', aasta: 1962},\n { pealkiri: 'Jevgeni Onegin', autor: 'Aleksandr Pushkin', aasta: 1833}\n];\n<\/pre><\/div>\n\n\n2. Add a method that displays all books nicely in the console.<\/p>\n\n\n
\nraamatukogu.forEach((raamatud) => {\n console.log(`\n Pealkiri: ${raamatud.pealkiri},\n Autor: ${raamatud.autor},\n Aasta: ${raamatud.aasta}\n `);\n});\n<\/pre><\/div>\n\n\n3. Add a method that adds a new book.<\/p>\n\n\n
\nraamatukogu.push({ pealkiri: 'midagi', autor: 'keegi', aasta: 2025 });\n<\/pre><\/div>\n\n\n4. Add a method that displays the total number of books in the library.<\/p>\n\n\n
\nconsole.log(raamatukogu.length)\n<\/pre><\/div>\n\n\n5. Add a method that calculates how many books have been published since 2000.<\/p>\n\n\n
\nlet filter = raamatukogu.filter(raamatukogu=>raamatukogu.aasta > 2000);\nconsole.log(filter.length);\n<\/pre><\/div>\n\n\n6. Develop your own method and write down what it means.<\/p>\n\n\n
\nraamatukogu.forEach((raamatud) => {\n console.log(`\n Pealkiri: ${raamatud.pealkiri + " - " + raamatud.autor},\n Aasta: ${raamatud.aasta}\n `);\n});\n<\/pre><\/div>\n\n\nRaamatute andmed<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n\n <h1><span class=\"ez-toc-section\" id=\"Raamatute_andmed\"><\/span>Raamatute andmed<span class=\"ez-toc-section-end\"><\/span><\/h1>\n <div id=\"output\"><\/div>\n\n <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n\n\n\n<style>\nbody {\n font-family: Arial, sans-serif;\n background-color: #f4f4f9;\n color: #333;\n margin: 2rem;\n}\n\nh1, h2 {\n color: #444;\n}\n\n.raamat {\n background: white;\n padding: 1rem;\n margin-bottom: 1rem;\n border-radius: 8px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n<\/style>\n\n\n\n<script>\nlet raamat = { \n pealkiri: 'Kuritegu ja karistus', \n autor: 'Fyodor Dostoevsky', \n aasta: 1866\n};\n\nraamat.muudaAasta = function() {\n this.aasta = 2020;\n return this.aasta;\n};\n\nraamat.muudaAasta();\n\nlet raamatukogu = [\n { pealkiri: 'L\u00e4\u00e4nerindel on k\u00f5ik vaikne', autor: 'Erih Remark', aasta: 1928 },\n { pealkiri: 'Sipsik', autor: 'Eno Raud', aasta: 1962 },\n { pealkiri: 'Jevgeni Onegin', autor: 'Aleksandr Pushkin', aasta: 1833 }\n];\n\nraamatukogu.push({ pealkiri: 'Midagi', autor: 'Keegi', aasta: 2025 });\n\nconst output = document.getElementById('output');\n\n\/\/ \u00dcksik raamat\noutput.innerHTML += `<h2><span class=\"ez-toc-section\" id=\"Uksik_raamat\"><\/span>\u00dcksik raamat<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <div class=\"raamat\">\n <strong>${raamat.pealkiri}<\/strong> \u2013 ${raamat.autor} (${raamat.aasta})\n <\/div>`;\n\n\/\/ Kogu raamatukogu\noutput.innerHTML += `<h2><span class=\"ez-toc-section\" id=\"Raamatukogu_raamatukogulength_raamatut\"><\/span>Raamatukogu (${raamatukogu.length} raamatut)<span class=\"ez-toc-section-end\"><\/span><\/h2>`;\n\nraamatukogu.forEach((r) => {\n output.innerHTML += `\n <div class=\"raamat\">\n <p><strong>Pealkiri:<\/strong> ${r.pealkiri}<\/p>\n <p><strong>Autor:<\/strong> ${r.autor}<\/p>\n <p><strong>Aasta:<\/strong> ${r.aasta}<\/p>\n <\/div>`;\n});\n\n\/\/ Filtreeritud raamatud\nlet filter = raamatukogu.filter(r => r.aasta > 2000);\n\noutput.innerHTML += `<h2><span class=\"ez-toc-section\" id=\"Filtreeritud_raamatud_parast_2000_%E2%80%93_filterlength_tk\"><\/span>Filtreeritud raamatud (p\u00e4rast 2000) \u2013 ${filter.length} tk<span class=\"ez-toc-section-end\"><\/span><\/h2>`;\nfilter.forEach((r) => {\n output.innerHTML += `\n <div class=\"raamat\">\n <p><strong>${r.pealkiri}<\/strong> \u2013 ${r.autor} (${r.aasta})<\/p>\n <\/div>`;\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it looks in webstorm<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/wp-content\/uploads\/2025\/10\/0C9C0CDA-EEC5-4845-B44F-4D5BDC4B370A-1024x451.png\" alt=\"\" class=\"wp-image-1384\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"And_this_is_the_link_to_the_work\"><\/span>And this is the link to the work:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/khusseintakhmazov24.thkit.ee\/HTMLtood\/ramatukogu\/ramatukogu.html\">https:\/\/khusseintakhmazov24.thkit.ee\/HTMLtood\/ramatukogu\/ramatukogu.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How does JavaScript work with this? JavaScript objects are powerful data structures that allow you to organize related data into a single unit. Objects consist of key-value pairs, where the key is a string and the value can be any JavaScript data type (number, string, array, function, etc.). Objects provide an excellent way to structure […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-1270","post","type-post","status-publish","format-standard","hentry","category-web-develompent"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Syntax and structure of objects - Hussein Tahmazov portfolio eng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Syntax and structure of objects - Hussein Tahmazov portfolio eng\" \/>\n<meta property=\"og:description\" content=\"How does JavaScript work with this? JavaScript objects are powerful data structures that allow you to organize related data into a single unit. Objects consist of key-value pairs, where the key is a string and the value can be any JavaScript data type (number, string, array, function, etc.). Objects provide an excellent way to structure […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270\" \/>\n<meta property=\"og:site_name\" content=\"Hussein Tahmazov portfolio eng\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-26T20:14:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T08:49:42+00:00\" \/>\n<meta name=\"author\" content=\"Hussein\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hussein\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270\"},\"author\":{\"name\":\"Hussein\",\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/#\\\/schema\\\/person\\\/f75baafdedeb73cd9ef1d8d87311bbb0\"},\"headline\":\"Syntax and structure of objects\",\"datePublished\":\"2025-10-26T20:14:13+00:00\",\"dateModified\":\"2026-01-28T08:49:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270\"},\"wordCount\":1197,\"image\":{\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/js18-768x201-1.jpg\",\"articleSection\":[\"Web develompent\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270\",\"url\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270\",\"name\":\"Syntax and structure of objects - Hussein Tahmazov portfolio eng\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/js18-768x201-1.jpg\",\"datePublished\":\"2025-10-26T20:14:13+00:00\",\"dateModified\":\"2026-01-28T08:49:42+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/#\\\/schema\\\/person\\\/f75baafdedeb73cd9ef1d8d87311bbb0\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270#primaryimage\",\"url\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/js18-768x201-1.jpg\",\"contentUrl\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/js18-768x201-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?p=1270#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Syntax and structure of objects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/#website\",\"url\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/\",\"name\":\"Hussein Tahmazov portfolio eng\",\"description\":\"Junior Software Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/#\\\/schema\\\/person\\\/f75baafdedeb73cd9ef1d8d87311bbb0\",\"name\":\"Hussein\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e10dcd9bae99726932e7824a93117d2a279e021c0f4ff3cc2972016580127314?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e10dcd9bae99726932e7824a93117d2a279e021c0f4ff3cc2972016580127314?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e10dcd9bae99726932e7824a93117d2a279e021c0f4ff3cc2972016580127314?s=96&d=mm&r=g\",\"caption\":\"Hussein\"},\"sameAs\":[\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\"],\"url\":\"https:\\\/\\\/khusseintakhmazov24.thkit.ee\\\/wp\\\/eng\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Syntax and structure of objects - Hussein Tahmazov portfolio eng","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:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270","og_locale":"en_GB","og_type":"article","og_title":"Syntax and structure of objects - Hussein Tahmazov portfolio eng","og_description":"How does JavaScript work with this? JavaScript objects are powerful data structures that allow you to organize related data into a single unit. Objects consist of key-value pairs, where the key is a string and the value can be any JavaScript data type (number, string, array, function, etc.). Objects provide an excellent way to structure […]","og_url":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270","og_site_name":"Hussein Tahmazov portfolio eng","article_published_time":"2025-10-26T20:14:13+00:00","article_modified_time":"2026-01-28T08:49:42+00:00","author":"Hussein","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hussein","Estimated reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270#article","isPartOf":{"@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270"},"author":{"name":"Hussein","@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/#\/schema\/person\/f75baafdedeb73cd9ef1d8d87311bbb0"},"headline":"Syntax and structure of objects","datePublished":"2025-10-26T20:14:13+00:00","dateModified":"2026-01-28T08:49:42+00:00","mainEntityOfPage":{"@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270"},"wordCount":1197,"image":{"@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270#primaryimage"},"thumbnailUrl":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/wp-content\/uploads\/2025\/10\/js18-768x201-1.jpg","articleSection":["Web develompent"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270","url":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270","name":"Syntax and structure of objects - Hussein Tahmazov portfolio eng","isPartOf":{"@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/#website"},"primaryImageOfPage":{"@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270#primaryimage"},"image":{"@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270#primaryimage"},"thumbnailUrl":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/wp-content\/uploads\/2025\/10\/js18-768x201-1.jpg","datePublished":"2025-10-26T20:14:13+00:00","dateModified":"2026-01-28T08:49:42+00:00","author":{"@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/#\/schema\/person\/f75baafdedeb73cd9ef1d8d87311bbb0"},"breadcrumb":{"@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270#primaryimage","url":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/wp-content\/uploads\/2025\/10\/js18-768x201-1.jpg","contentUrl":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/wp-content\/uploads\/2025\/10\/js18-768x201-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?p=1270#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng"},{"@type":"ListItem","position":2,"name":"Syntax and structure of objects"}]},{"@type":"WebSite","@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/#website","url":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/","name":"Hussein Tahmazov portfolio eng","description":"Junior Software Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/#\/schema\/person\/f75baafdedeb73cd9ef1d8d87311bbb0","name":"Hussein","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/e10dcd9bae99726932e7824a93117d2a279e021c0f4ff3cc2972016580127314?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e10dcd9bae99726932e7824a93117d2a279e021c0f4ff3cc2972016580127314?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e10dcd9bae99726932e7824a93117d2a279e021c0f4ff3cc2972016580127314?s=96&d=mm&r=g","caption":"Hussein"},"sameAs":["https:\/\/khusseintakhmazov24.thkit.ee\/wp"],"url":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/?author=1"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=\/wp\/v2\/posts\/1270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1270"}],"version-history":[{"count":5,"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=\/wp\/v2\/posts\/1270\/revisions"}],"predecessor-version":[{"id":1295,"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=\/wp\/v2\/posts\/1270\/revisions\/1295"}],"wp:attachment":[{"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/khusseintakhmazov24.thkit.ee\/wp\/eng\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}