Esercitazione JS

JS CASA JS Introduzione JS Dove si va Uscita JS Dichiarazioni JS Sintassi JS Commenti JS Variabili JS JS Let JS Cost Operatori JS JS aritmetica Assegnazione JS Tipi di dati JS Funzioni JS Oggetti JS Eventi JS Corde JS Metodi di stringa JS Ricerca di stringhe JS Modelli di stringhe JS Numeri JS Metodi numerici JS Matrici JS Metodi array JS Ordinamento matrice JS Iterazione dell'array JS Cost. array JS Date JS Formati data JS Metodi di acquisizione della data JS Metodi di impostazione della data JS JS matematica JS Casuale JS booleani Confronti JS Condizioni JS JS Switch Ciclo JS per JS Loop per In Ciclo JS per di JS Loop mentre JS Break Iterabili JS Insiemi JS Mappe JS Tipo JS Conversione del tipo JS JS bit a bit JS RegExp Errori JS Ambito JS JS sollevamento Modalità rigorosa JS JS questa parola chiave Funzione freccia JS Classi JS JS JSON Debug JS Guida allo stile JS Migliori Pratiche JS Errori di JS Prestazioni JS Parole riservate JS

Versioni JS

Versioni JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Storia di JS

Oggetti JS

Definizioni di oggetti Proprietà dell'oggetto Metodi dell'oggetto Visualizzazione di oggetti Accessori per oggetti Costruttori di oggetti Prototipi di oggetti Iterabili di oggetti Insiemi di oggetti Mappe degli oggetti Riferimento all'oggetto

Funzioni JS

Definizioni delle funzioni Parametri di funzione Invocazione di funzione Chiamata di funzione Funzione Applica Chiusure di funzioni

Classi JS

Introduzione alla classe Eredità di classe Classe statica

JS Async

Richiamate JS JS asincrono JS Promesse JS Async/Attendere

JS HTML DOM

DOM Introduzione Metodi DOM Documento DOM Elementi DOM DOM HTML Moduli DOM DOM CSS Animazioni DOM Eventi DOM Ascoltatore di eventi DOM Navigazione DOM Nodi DOM Collezioni DOM Elenchi di nodi DOM

Distinta base del browser JS

Finestra JS Schermo JS Posizione JS Storia di JS Navigatore JS Avviso popup JS JS tempismo Biscotti JS

API Web JS

Introduzione all'API Web API dei moduli Web API Cronologia web API di archiviazione Web API Web Worker API di recupero Web API di geolocalizzazione web

JS AJAX

Introduzione all'Ajax AJAX XMLHttp Richiesta AJAX Risposta dell'AJAX File XML AJAX AJAX PHP AJAX ASP Database AJAX Applicazioni AJAX Esempi AJAX

JS JSON

Introduzione JSON Sintassi JSON JSON contro XML Tipi di dati JSON Analisi JSON JSON Stringify Oggetti JSON Matrici JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selettori jQuery jQuery HTML jQuery CSS jQuery DOM

Grafica JS

Grafica JS Tela JS JS Plotly JS Chart.js Grafico di Google JS JS D3.js

Esempi JS

Esempi JS JS HTML DOM Input HTML JS Oggetti HTML JS Eventi HTML JS Browser JS Editore JS Esercizi JS Quiz J.S Certificato JS

Riferimenti JS

Oggetti JavaScript Oggetti HTML DOM


Proprietà dell'oggetto JavaScript


Le proprietà sono la parte più importante di qualsiasi oggetto JavaScript.


Proprietà JavaScript

Le proprietà sono i valori associati a un oggetto JavaScript.

Un oggetto JavaScript è una raccolta di proprietà non ordinate.

Le proprietà di solito possono essere modificate, aggiunte ed eliminate, ma alcune sono di sola lettura.


Accesso alle proprietà JavaScript

La sintassi per accedere alla proprietà di un oggetto è:

objectName.property      // person.age

o

objectName["property"]   // person["age"]

o

objectName[expression]   // x = "age"; person[x]

L'espressione deve restituire un nome di proprietà.

Esempio 1

person.firstname + " is " + person.age + " years old.";

Esempio 2

person["firstname"] + " is " + person["age"] + " years old.";


JavaScript per... in Loop

L'istruzione JavaScript for...inscorre le proprietà di un oggetto.

Sintassi

for (let variable in object) {
  // code to be executed
}

Il blocco di codice all'interno del for...inciclo verrà eseguito una volta per ogni proprietà.

Scorrendo le proprietà di un oggetto:

Esempio

const person = {
  fname:" John",
  lname:" Doe",
  age: 25
};

for (let x in person) {
  txt += person[x];
}

Aggiunta di nuove proprietà

Puoi aggiungere nuove proprietà a un oggetto esistente semplicemente assegnandogli un valore.

Supponiamo che l'oggetto persona esista già - puoi quindi assegnargli nuove proprietà:

Esempio

person.nationality = "English";

Eliminazione delle proprietà

La deleteparola chiave elimina una proprietà da un oggetto:

Esempio

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person.age;

o eliminare persona["età"];

Esempio

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person["age"];

La deleteparola chiave elimina sia il valore della proprietà che la proprietà stessa.

Dopo l'eliminazione, la proprietà non può essere utilizzata prima di essere nuovamente aggiunta.

L' deleteoperatore è progettato per essere utilizzato sulle proprietà degli oggetti. Non ha effetto su variabili o funzioni.

L' deleteoperatore non deve essere utilizzato su proprietà dell'oggetto JavaScript predefinite. Può mandare in crash la tua applicazione.


Oggetti nidificati

I valori in un oggetto possono essere un altro oggetto:

Esempio

myObj = {
  name:"John",
  age:30,
  cars: {
    car1:"Ford",
    car2:"BMW",
    car3:"Fiat"
  }
}

Puoi accedere agli oggetti nidificati usando la notazione punto o la notazione parentesi:

Esempio

myObj.cars.car2;

o:

Esempio

myObj.cars["car2"];

o:

Esempio

myObj["cars"]["car2"];

o:

Esempio

let p1 = "cars";
let p2 = "car2";
myObj[p1][p2];

Array e oggetti nidificati

I valori negli oggetti possono essere array e i valori negli array possono essere oggetti:

Esempio

const myObj = {
  name: "John",
  age: 30,
  cars: [
    {name:"Ford", models:["Fiesta", "Focus", "Mustang"]},
    {name:"BMW", models:["320", "X3", "X5"]},
    {name:"Fiat", models:["500", "Panda"]}
  ]
}

Per accedere agli array all'interno degli array, utilizzare un ciclo for-in per ogni array:

Esempio

for (let i in myObj.cars) {
  x += "<h1>" + myObj.cars[i].name + "</h1>";
  for (let j in myObj.cars[i].models) {
    x += myObj.cars[i].models[j];
  }
}

Attributi di proprietà

Tutte le proprietà hanno un nome. Inoltre hanno anche un valore.

Il valore è uno degli attributi della proprietà.

Altri attributi sono: enumerabile, configurabile e scrivibile.

Questi attributi definiscono come è possibile accedere alla proprietà (è leggibile?, è scrivibile?)

In JavaScript, tutti gli attributi possono essere letti, ma solo l'attributo value può essere modificato (e solo se la proprietà è scrivibile).

( ECMAScript 5 ha metodi sia per ottenere che per impostare tutti gli attributi delle proprietà)


Proprietà del prototipo

Gli oggetti JavaScript ereditano le proprietà del loro prototipo.

La deleteparola chiave non elimina le proprietà ereditate, ma se elimini una proprietà prototipo, influirà su tutti gli oggetti ereditati dal prototipo.