Javascript Objects

Objects are everywhere. An object has different meanings such as a thing, material, person or thing's specified action. But when it comes to the programming world, it could be a variable, data structure, method, or function. It usually refers to state and behavior in any context.

In Javascript, an object is a collection of keys and values. Keys represent the variable's name and the values are the data stored on the variable. It is considered to be a dictionary. It can have a variable, an object, and even a function in it. We call it an object literal.

Javascript is a prototype-based object-oriented language and because of this, each object will have the prototype set by default when assigned along with the Key: Value pair.

For example, let me explain with a mobile phone. A mobile phone has many characteristics to describe. We can collate all/few and describe it as a mobile phone. Some variables are brand name, size, color, screen resolution, OS, Storage, and many more. In JS, we call everything Keys and the answer to these keys is Values.

//object
let mobile = {
    brandName: "Samsung Galaxy S23",
    sizeInInches: 6.1,
    storageInGB: 128,
    operatingSystem: "Android13",
    isLaunched: true,
    defaultApps: {
        whatsApp: "yes",
        faceBook: "yes",
        count: 10
    }
}

There are 3 data types used in JS: 'let', 'var', and 'const'. I used 'let' here.

Few rules when declaring a variable in an object for the best practices:

1) It should not be a keyword such as if, while, for, etc.
2) It should start with lowercase and follow with uppercase when the variable has multiple words. Ex: brandName (not BrandName / Brandname).
3) It should not contain space and a hyphen. Ex: brand Name or brand-name.
4) If the value is a string, it should be within double quotes "", numbers and boolean values would be as it is.
5) Keys and values are separated with a semicolon (;).
6) Each key-value pair is separated with a comma (,).

An object can have n number of object declarations. "defaultApps" is another object declared inside the object "mobile". All the variables must be inside the curly braces.

Calling the variables of an object has 2 different options.

    1) Dot notation

//dot notation
console.log(mobile.brandName);
console.log(mobile.defaultApps.whatsApp);

    2) Bracket notation 

//bracket notation
console.log(mobile['sizeInInches']);
console.log(mobile.defaultApps['count']);

When running the entire code, the output will be 

[Running] node "c:\Users\sukan\source\repos\Javascript\mobile.js"
Samsung Galaxy S23
yes
6.1
10


The object is simple and interesting to learn when you understand the importance of naming and assigning correctly.

Comments

Post a Comment

Popular posts from this blog

How to Install Jenkins

Image
Jenkins is an open-source Java application server for Continuous Integration and Continuous Delivery (CI/CD). This will run in servlet containers such as Apache Tomcat. It helps the developers to build, test, and deploy the software by automating using CI/CD pipelines. It detects bugs and notifies the developers in an early stage. How to Download and Install: Step 1: Go to https://www.jenkins.io/ . Click Download Step 2: Download Jenkins ‘Generic Java package’. I prefer to download the LTS package (It is a stable one). Step 3: Select your desired path after downloading and save the Jenkins.war file in your local system. Step 4: Go to command prompt (Windows) | Terminal (IOS)                Go to the folder where the war file is saved. Then, type the command java -jar Jenkins.war and run it. It will take a while to run the command. It gives an admin password. Note it down to use Jenkins the first time. The ...
Read more

HTTP Payloads

Image
 What happens when I send a letter without information to the receiver that I require some details from them? What happens when the receiver writes a response to my letter without having the information I need? This information is similar to the body generally called a payload in HTTP request and response.  Let us see the payload in the HTTP request and HTTP response individually. I have added the below image to explain the HTTP request and response body/payload in JSON. I have used BurpSuite to take this image and Swagger Petstore (petstore.swagger.io) for this example. HTTP Request Payload Generally, the payload is not required for all the requests and responses. GET and HEAD methods usually do not require a body while sending a request to the server. The above example is a POST request to create a resource name 'doggie'. To achieve this, I should send some information about the resource which is called HTTP request payload. Breakdown of request payload: Content-Type:  ...
Read more

Embedded testing - Introduction (Part 1)

 I'm writing a series about my recent learnings in embedded testing. Here is the basic introduction about this topic with a simple example. Scenario 1: A patient books an online appointment to provide a blood sample for a hemoglobin level test. To book an appointment, the patient only needs access to a web or mobile application. When a quality engineer tests the functionality of this appointment registration process, it is referred to as software testing. Scenario 2: The patient now wants to collect the test report after the blood sample analysis. To measure the hemoglobin level, the lab technician uses an automated medical device. At this stage, if the quality engineer is involved in testing, they require both a physical device (hardware) to process the sample and an application (software) to enter or capture the details. When testing involves both hardware and software, it is referred to as embedded testing. Click here to read the next blog
Read more