{"id":12728,"date":"2020-04-11T03:37:50","date_gmt":"2020-04-11T03:37:50","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=12728"},"modified":"2020-05-27T08:03:12","modified_gmt":"2020-05-27T08:03:12","slug":"objects-in-java-script-explained","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/objects-in-java-script-explained\/","title":{"rendered":"Objects in java-script explained!"},"content":{"rendered":"\n

Objects <\/strong>are used to store keyed collections of various data and more complex entities. In JavaScript<\/strong>, objects <\/strong>penetrate almost every aspect of the language. So we must understand them first before going in-depth anywhere else.<\/p>\n\n\n\n

An object <\/strong>can be created with figure brackets {\u2026}<\/code> with an optional list of properties<\/em>. A property is a \u201ckey: value\u201d pair, where key<\/code> is a string (also called a \u201cproperty name\u201d), and value<\/code> can be anything.<\/p>\n\n\n\n

We can imagine an object as a cabinet with signed files. Every piece of data is stored in its file by the key. It\u2019s easy to find a file by its name or add\/remove a file.<\/p>\n\n\n\n

\"\"
An empty object (\u201cempty cabinet\u201d) can be created using one of two syntaxes:<\/figcaption><\/figure>\n\n\n\n

Let’s understand it more simple:–<\/strong><\/p>\n\n\n\n

In JavaScript<\/strong>, almost “everything” is an object.<\/p>\n\n\n\n

  • Booleans can be objects <\/strong>(if defined with the new<\/code> keyword)<\/li>
  • Numbers can be objects <\/strong>(if defined with the new<\/code> keyword)<\/li>
  • Strings can be objects <\/strong>(if defined with the new<\/code> keyword)<\/li>
  • Dates are always objects<\/strong><\/li>
  • Maths are always objects<\/strong><\/li>
  • Regular expressions are always objects<\/strong><\/li>
  • Arrays are always objects<\/strong><\/li>
  • Functions are always objects<\/strong><\/li>
  • Objects are always objects<\/strong><\/li><\/ul>\n\n\n\n

    All JavaScript values, except primitives, are objects<\/strong>.<\/p>\n\n\n

    let<\/span> user = new<\/span> Object<\/span>(); \/\/ \"object constructor\" syntax<\/span>\nlet<\/span> user = {};  \/\/ \"object literal\" syntax<\/span><\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
    \"\"
    object code example<\/figcaption><\/figure>\n\n\n\n
    Creating objects in JavaScript (3 Different Ways)<\/strong><\/p>\n\n\n\n
    Using functions as class:<\/strong><\/p>\n\n\n\n
    One of the easiest way to instantiate an object in JavaScript<\/strong>. We define a classical JavaScript <\/strong>function and create an object <\/strong>of the function <\/strong>using new<\/em> keyword<\/strong>. The properties <\/strong>and methods <\/strong>of function <\/strong>are created using the this<\/em> keyword<\/strong>.<\/p>\n\n\n\n