METHODS OF JAVASCRIPT OBJECTS

METHODS OF OBJECTS

fullName is an example of “javascript object methods“.

const person = {
firstName: “John”,
  lastName: “Doe”,
  id: 5566,
  fullName: function() {
    return this.firstName + ” ” + this.lastName;
  }
};

As for the keyword this, refer to this post (the keyword this). JavaScript methods are actions that can be performed on objects. A JavaScript method is a property that contains a function definition.

Methods are functions stored as properties of the object.

ACCESS THE METHODS

An object method is accessed with the following syntax:

objectName.methodName()

You usually describe fullName () as a method of the person object and fullName as a property. The fullName property will be executed (as a function) when called with (). This example accesses the fullName () method of a person object:

name = person.fullName();

If you access the fullName property, without (), it will return the function definition:

ADD A METHOD TO AN OBJECT

person.denominazione = function () {
return (this.firstName + ” ” + this.lastName).toUpperCase();
};

Copy to Clipboard

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Metodi di Object</title>
</head>
<body>
    <script type="rocketlazyloadscript">
        /*--Il metodo Object.create() viene utilizzato per creare un nuovo oggetto e 
        collegarlo al prototipo di un oggetto esistente. Possiamo creare un'istanza 
        dell'oggetto job ed estenderla a un oggetto più specifico.*/
        // Initialize an object with properties and methods
            const job = {
                position: 'cashier',
                type: 'hourly',
                isAvailable: true,
                showDetails() {
                    const accepting = this.isAvailable ? 'is accepting applications' : "is not currently accepting applications";
                    console.log(`The ${this.position} position is ${this.type} and ${accepting}.`);
                }
            };

// Use Object.create to pass properties
            const barista = Object.create(job);
            barista.position = "barista";
            barista.showDetails();
            /*--Object.keys() crea un array contenente le chiavi di un oggetto.*/
            // Initialize an object
            const employees = {
                boss: 'Michael',
                secretary: 'Pam',
                sales: 'Jim',
                accountant: 'Oscar'
            };
            // Get the keys of the object
            const keys = Object.keys(employees);
            console.log(keys);
            // Iterate through the keys
            Object.keys(employees).forEach(key => {
            let value = employees[key];
	        console.log(`${key}: ${value}`);
           });
           // Get the length of the keys
           const length = Object.keys(employees).length;
           console.log(length);
           /*--Object.values() crea un array contenente i valori di un oggetto.*/
           // Initialize an object
            const session = {
                id: 1,
                time: `26-July-2021`,
                device: 'mobile',
                browser: 'Chrome'
            };
            // Get all values of the object
            const values = Object.values(session);
            console.log(values);
            /*--Object.entries() crea un array nidificato delle coppie chiave/valore di un oggetto.*/
            // Initialize an object
            const operatingSystem = {
                name: 'Ubuntu',
                version: 18.04,
                license: 'Open Source'
            };
            // Get the object key/value pairs
            const entries = Object.entries(operatingSystem);
            console.log(entries);
            // Loop through the results
            entries.forEach(entry => {
                let key = entry[0];
                let value = entry[1];
                console.log(`${key}: ${value}`);
            });
            /*--Object.assign() viene utilizzato per copiare i valori da un oggetto all'altro.*/
            // Initialize an object
            const name = {
                firstName: 'Philip',
                lastName: 'Fry'
            };
            // Initialize another object
            const details = {
                job: 'Delivery Boy',
                employer: 'Planet Express'
            };
            // Merge the objects
            const character = Object.assign(name, details);
            console.log(character);
            /*--Object.freeze() impedisce la modifica delle proprietà e dei valori di un oggetto 
               e impedisce l'aggiunta o la rimozione di proprietà da un oggetto.*/
               // Initialize an object
            const user = {
                username: 'AzureDiamond',
                password: 'hunter2'
            };
            // Freeze the object
            const newUser = Object.freeze(user);
            newUser.password = '*******';
            newUser.active = true;
            console.log(newUser);
            /*--Nell'esempio sopra, abbiamo provato a sovrascrivere la password 
            hunter2 con *******, ma la proprietà della password è rimasta la stessa. 
            Abbiamo anche provato ad aggiungere una nuova proprietà, active, 
            ma non è stata aggiunta. Object.isFrozen() è disponibile per determinare 
            se un oggetto è stato bloccato o meno e restituisce un valore booleano.*/
            /*--Object.seal() impedisce l'aggiunta di nuove proprietà a un oggetto, 
            ma consente la modifica delle proprietà esistenti. 
            Questo metodo è simile a Object.freeze(). 
            Aggiorna la tua console prima di implementare il codice seguente per evitare errori.*/
            // Initialize an object
            const user1 = {
                username: 'AzureDiamond',
                password: 'hunter2'
            };
            // Seal the object
            const newUser1 = Object.seal(user1);
            newUser1.password = '*******';
            newUser1.active = true;
            console.log(newUser1);
    </script>
</body>
</html>

LINKS TO JAVASCRIPT

JAVASCRIPT

LINK TO THE CODE ON GITHUB

GITHUB