Array di oggetti

Array di oggetti

In questa lezione affronteremo gli array di oggetti. Abbiamo già visto nelle lezioni precedenti come un array può contenere numeri e stringhe. Esercizio 1 – creare un array di oggetti Progettare l’array canzoni che contiene degli oggetti: canzone1, canzone2, ecc… Ogni oggetto contiene delle proprietà, ad esempio: titolo, nomeCantante e anno. Inserire poi alcuni dati, direttamente da codice, a piacere … Leggi tutto

Ciclo for JavaScript

Ciclo for JavaScript

In questa lezione approfondiremo il ciclo for in JavaScript attraverso degli esempi pratici di utilizzo. Attraverso gli esempi pratici, infatti, possiamo chiarire concetti e tecniche, permettendo agli studenti di acquisire una comprensione più completa di questo importante costrutto. Ciclo for JavaScript – Primo esercizio Esercizio: Inserite in input 20 numeri interi, attraverso un prompt e … Leggi tutto

Esercizi sugli oggetti in JavaScript

Esercizi sugli oggetti in JavaScript

Realizziamo alcuni esercizi sugli oggetti in JavaScript utilizzando gli oggetti letterali. L’utilizzo di questo metodo è il modo più semplice ed utilizzato per creare e manipolare oggetti in JavaScript. In particolare in questa lezione studieremo come creare oggetti nidificati. Esercizi con gli oggetti in JavaScript – esercizio 1 Progettare l’oggetto canzoni che contiene delle proprietà: … Leggi tutto

splice JavaScript

splice JavaScript

Il metodo splice in JavaScript aggiunge e rimuove elementi ad un array partendo da una posizione specificata. La sintassi è la seguente: nomeArray.splice(indice, q, elemento1, …, elementoN). Dove indice rappresenta l’indice da cui partire e può essere un valore negativo, il che sta ad indicare che si parte dalla fine dell’array. La quantità q rappresenta … Leggi tutto

Class JavaScript

Class JavaScript

Class JavaScript – In questa lezione impareremo ad utilizzare le classi in JavaScript introdotte nella versione ES6 (ECMAScript 2015) per la prima volta. È dunque possibile utilizzare la parola chiave class in JavaScript, come in altri linguaggi di programmazione, per definire una nuova classe. Questo modo di creare gli oggetti si aggiunge ai precedenti analizzati … Leggi tutto

slice JavaScript

slice JavaScript

In questa lezione parleremo del metodo slice in JavaScript utile per selezionare elementi di un array. Questo metodo restituisce un nuovo array con gli elementi selezionati. La sintassi di slice() è la seguente: nomeArray.slice(inizio, fine). I parametri inizio e fine sono opzionali. L’inizio è un valore numerico che indica da dove parte la selezione, mentre … Leggi tutto

toString JavaScript

toString JavaScript

Il metodo toString in JavaScript utilizzato su un array serve a convertirlo in una stringa. L’array da convertire può contenere qualsiasi dato, come numeri, oggetti, stringhe, ecc. Di solito è usato per convertire un array di numeri in delle stringhe. La sintassi di questo metodo è molto semplice: nomeArray.toString(). Il metodo toString() restituisce dunque una … Leggi tutto

Tutorial CSS

Tutorial CSS

In questo semplice tutorial sui CSS (Cascading Style Sheets), impareremo ad utilizzare i fogli di stile per dare una piacevole formattazione ad una pagina web. Le regole per creare i CSS sono state stabilite dal W3C a partire dal 1996 in cui è stata lanciata la versione numero 1. Nel 1998 si è passati alla … Leggi tutto

join JavaScript

join JavaScript

In questa lezione introdurremo il metodo join di JavaScript che, dato un array, restituisce una stringa. Questo metodo è simile al precedente toString, affrontato nella lezione precedete. La differenza con il metodo toString è che quest’ultimo può essere utilizzato anche su altre variabili, mentre join si utilizza solo con gli array. Anche in questo caso … Leggi tutto

Object assign

Object assign

In questa lezione parleremo di object assign, un metodo di JavaScript che copia tutte le proprietà enumerabili da uno o più oggetti di origine in un oggetto di destinazione. Questo metodo consente di unire dunque due oggetti, clonare un oggetto esistente ed in definitiva può rappresentare anche un altro modo per creare oggetti in JavaScript … Leggi tutto

Object defineproperties

Object defineproperties

In questa lezione studieremo il metodo object defineproperties e lo utilizzeremo anche assieme al metodo object create in qualche esempio. Object defineproperties – sintassi La sintassi è la seguente Dove object rappresenta l’oggetto su cui definire nuove proprietà o modificare quelle precedenti. Mentre prop è un oggetto che contiene delle proprietà. Ad ogni proprietà è … Leggi tutto

Object Create

Object Create

Object create è un metodo utilizzato per creare degli oggetti in JavaScript. Quello che vi presento è dunque un’alternativa ai metodi già visti nelle precedenti lezioni, utili alla creazione di oggetti in JavaScript. Ricordiamo comunque che l’utilizzo degli oggetti letterali è tutt’oggi la pratica più comune e diffusa, grazie alla sua semplicità d’uso. Sintassi object … Leggi tutto

Object JavaScript

Object JavaScript

Object JavaScript – Per creare un oggetto in JavaScript possiamo utilizzare anche altri metodi rispetto a quanto visto nelle lezioni precedenti. In particolare possiamo utilizzare il costruttore object. In questa lezione quindi faremo vedere come utilizzare l’oggetto object. Esempi di utilizzo di object in JavaScript Realizziamo un esempio in cui, per creare un oggetto, utilizziamo … Leggi tutto

Creare un oggetto in JavaScript

Creare un oggetto in JavaScript

In questa lezione impareremo a creare un oggetto in JavaScript e anche ad utilizzare proprietà e metodi. Innanzitutto è fondamentale precisare che quando si crea un oggetto si crea un riferimento all’oggetto. Il riferimento all’oggetto si può anche memorizzare in una variabile. Grazie a questo riferimento è poi possibile utilizzare l’oggetto all’interno del nostro programma. … Leggi tutto

Oggetti JavaScript

Oggetti JavaScript

In questa lezione parleremo degli oggetti JavaScript e di come utilizzare le proprietà e i metodi. JavaScript è un linguaggio di programmazione basato sugli oggetti e introduce la nozione di prototipo (prototype), ovvero un oggetto utilizzato come modello da cui poi poter prendere le proprietà di base per creare un nuovo oggetto. JavaScript possiede degli … Leggi tutto