Scribd Logo
Upload

Welcome to Scribd!

  • 30 views

    Javascript Objects Intro

    Uploaded by

    Dhanush
    JavaScript objects allow storing multiple collections of data in a non-primitive data type. Objects contain key-value pairs called properties that can store strings, numbers, and other objects. Properties can be accessed using dot or bracket notation. Objects can also contain methods by defining functions as property values.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Javascript Objects Intro

    Uploaded by

    Dhanush
    30 views4 pages
    JavaScript objects allow storing multiple collections of data in a non-primitive data type. Objects contain key-value pairs called properties that can store strings, numbers, and other objects. Properties can be accessed using dot or bracket notation. Objects can also contain methods by defining functions as property values.

    Original Description:

    Original Title

    javascript objects intro

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    JavaScript objects allow storing multiple collections of data in a non-primitive data type. Objects contain key-value pairs called properties that can store strings, numbers, and other objects. Properties can be accessed using dot or bracket notation. Objects can also contain methods by defining functions as property values.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    30 views4 pages

    Javascript Objects Intro

    Uploaded by

    Dhanush
    JavaScript objects allow storing multiple collections of data in a non-primitive data type. Objects contain key-value pairs called properties that can store strings, numbers, and other objects. Properties can be accessed using dot or bracket notation. Objects can also contain methods by defining functions as property values.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 4

    JavaScript Objects

    In this tutorial, you will learn about JavaScript objects with the help of
    examples.

    JavaScript object is a non-primitive data-type that allows you to store


    multiple collections of data.

    Note: If you are familiar with other programming languages,


    JavaScript objects are a bit different. You do not need to create classes
    in order to create objects.

    Here is an example of a JavaScript object.

    // object
    const student = {
    firstName: 'ram',
    class: 10
    };

    Here, student is an object that stores values such as strings and


    numbers.

    JavaScript Object Declaration


    The syntax to declare an object is:

    const object_name = {
    key1: value1,
    key2: value2
    }

    Here, an object object_name is defined. Each member of an object is a


    key: value pair separated by commas and enclosed in curly braces
    {}.

    For example,

    // object creation
    const person = {
    name: 'John',
    age: 20
    };
    console.log(typeof person); // object

    You can also define an object in a single line.

    const person = { name: 'John', age: 20 };

    In the above example, name and age are keys, and John and 20 are
    values respectively.

    JavaScript Object Properties


    In JavaScript, "key: value" pairs are called properties. For example,

    let person = {
    name: 'John',
    age: 20
    };

    Here, name: 'John' and age: 20 are properties.

    Accessing Object Properties


    You can access the value of a property by using its key.
    1. Using dot Notation

    Here's the syntax of the dot notation.

    objectName.key

    For example,
    const person = {
    name: 'John',
    age: 20,
    };

    // accessing property
    console.log(person.name); // John

    2. Using bracket Notation

    Here is the syntax of the bracket notation.

    objectName["propertyName"]

    For example,

    const person = {
    name: 'John',
    age: 20,
    };

    // accessing property
    console.log(person["name"]); // John

    JavaScript Nested Objects


    An object can also contain another object. For example,

    // nested object
    const student = {
    name: 'John',
    age: 20,
    marks: {
    science: 70,
    math: 75
    }
    }

    // accessing property of student object


    console.log(student.marks); // {science: 70, math: 75}
    // accessing property of marks object
    console.log(student.marks.science); // 70

    In the above example, an object student contains an object value in the


    marks property.

    JavaScript Object Methods


    In JavaScript, an object can also contain a function. For example,

    const person = {
    name: 'Sam',
    age: 30,
    // using function as a value
    greet: function() { console.log('hello') }
    }

    person.greet(); // hello

    Here, a function is used as a value for the greet key. That's why we
    need to use person.greet() instead of person.greet to call the function
    inside the object.

    You might also like