{"id":228,"date":"2013-06-06T08:26:00","date_gmt":"2013-06-06T06:26:00","guid":{"rendered":"https:\/\/celilsemi.erkiner.com\/blog\/?p=228"},"modified":"2020-05-29T12:59:23","modified_gmt":"2020-05-29T10:59:23","slug":"javascript-objects","status":"publish","type":"post","link":"https:\/\/celilsemi.erkiner.com\/blog\/javascript-objects\/","title":{"rendered":"JavaScript – Objects"},"content":{"rendered":"\n

JavaScript is a multi-paradigm, dynamic language with types and operators, standard built-in objects, and methods. Its syntax is based on the Java and C languages \u2014 many structures from those languages apply to JavaScript as well. JavaScript supports object-oriented programming with object prototypes, instead of classes. JavaScript also supports functional programming \u2014 functions are objects, giving functions the capacity to hold executable code and be passed around like any other object.<\/p>\n\n\n\n

Objects in Javascript<\/h2>\n\n\n\n

Objects allow us to group values\u2014including other objects\u2014to build more complex structures. he values are written as name : value pairs (name and value separated by a colon). Basically a JavaScript object is a collection of named values.<\/p>\n\n\n\n

Creating and Mutating Objects<\/h4>\n\n\n\n
\/\/ Using an Object Literal\nvar person = {name:"Sam", age:22, eyeColor:"brown"};\n\nvar person = {\n\tname:"Sam",\n\tage:22,\n\teyeColor:"brown"\n};\n\n\/\/ Using the JavaScript Keyword new\nvar person = new Object();\nperson.name = "Sam";\nperson.age = 22;\nperson.eyeColor = "brown";\n\nperson.name + " is " + person.age;\n\/\/> "Sam is 22"\n\nperson["firstname"] + " is " + person["age"];\n\/\/> "Sam is 22"\n\nperson.eyeColor = "unnecessary field";\nconsole.log(person);\n\/\/>  {name:"Sam", age:22, eyeColor:"unnecessary field"}\n\ndelete person.eyeColor;\nconsole.log(person);\n\/\/>  {name:"Sam", age:22}<\/pre><\/div>\n\n\n\n
Methods<\/h4>\n\n\n\n
A JavaScript method is a property containing a function definition. JavaScript methods are actions that can be performed on objects.<\/p>\n\n\n\n
In a function definition, \u2018this\u2019 keyword refers to the owner of the function. When an object owns a function in itself, \u2018this\u2019 keyword refers to that object.<\/p>\n\n\n\n
var person = {\n\tname:"Sam",\n\tage:22,\n\tgreet: function() {\n\t\tconsole.log("Hello " + this.name);\n\t}\n};\nperson.greet();\n\/\/> "Hello Sam"\n\n\nperson.bye = function () {\n\t\tconsole.log("Bye " + this.name);\n};\nperson.bye();\n\/\/> "Bye Sam"<\/pre><\/div>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
JavaScript is a multi-paradigm, dynamic language with types and operators, standard built-in objects, and methods. Its syntax is based on the Java and C languages \u2014 many structures from those languages apply to JavaScript as well. JavaScript supports object-oriented programming with object prototypes, instead of classes. JavaScript also supports functional programming \u2014 functions are objects, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7],"tags":[42,4],"class_list":["post-228","post","type-post","status-publish","format-standard","hentry","category-front-end","tag-ecmascript","tag-javascript"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/posts\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":1,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/posts\/228\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/posts\/228\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/media?parent=228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/categories?post=228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/tags?post=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}