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


Stringhe JavaScript

Le stringhe JavaScript servono per memorizzare e manipolare il testo.

Una stringa JavaScript è composta da zero o più caratteri scritti tra virgolette.

Esempio

let text = "John Doe";

Puoi usare virgolette singole o doppie:

Esempio

let carName1 = "Volvo XC60";  // Double quotes
let carName2 = 'Volvo XC60';  // Single quotes

Puoi usare le virgolette all'interno di una stringa, purché non corrispondano alle virgolette che circondano la stringa:

Esempio

let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';

Lunghezza della corda

Per trovare la lunghezza di una stringa, utilizzare la lengthproprietà incorporata:

Esempio

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;


Fuga carattere

Poiché le stringhe devono essere scritte tra virgolette, JavaScript fraintenderà questa stringa:

let text = "We are the so-called "Vikings" from the north.";

La stringa verrà tagliata a "Noi siamo i cosiddetti ".

La soluzione per evitare questo problema è utilizzare il carattere di escape barra rovesciata .

Il carattere di escape barra rovesciata ( \) trasforma i caratteri speciali in caratteri stringa:

Code Result Description
\' ' Single quote
\" " Double quote
\\ \ Backslash

La sequenza \"  inserisce una doppia virgoletta in una stringa:

Esempio

let text = "We are the so-called \"Vikings\" from the north.";

La sequenza \'  inserisce una virgoletta singola in una stringa:

Esempio

let text= 'It\'s alright.';

La sequenza \\  inserisce una barra rovesciata in una stringa:

Esempio

let text = "The character \\ is called backslash.";

Altre sei sequenze di escape sono valide in JavaScript:

Code Result
\b Backspace
\f Form Feed
\n New Line
\r Carriage Return
\t Horizontal Tabulator
\v Vertical Tabulator

I 6 caratteri di escape sopra sono stati originariamente progettati per controllare macchine da scrivere, telescriventi e fax. Non hanno alcun senso in HTML.


Rompere lunghe linee di codice

Per una migliore leggibilità, i programmatori spesso preferiscono evitare righe di codice più lunghe di 80 caratteri.

Se un'istruzione JavaScript non si adatta a una riga, il posto migliore per interromperla è dopo un operatore:

Esempio

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Puoi anche spezzare una riga di codice all'interno di una stringa di testo con una singola barra rovesciata:

Esempio

document.getElementById("demo").innerHTML = "Hello \
Dolly!";

Il \metodo non è il metodo preferito. Potrebbe non avere il supporto universale.
Alcuni browser non consentono spazi dietro il \carattere.

Un modo più sicuro per spezzare una stringa è usare l'addizione di stringhe:

Esempio

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";

Non puoi spezzare una riga di codice con una barra rovesciata:

Esempio

document.getElementById("demo").innerHTML = \
"Hello Dolly!";

Stringhe JavaScript come oggetti

Normalmente, le stringhe JavaScript sono valori primitivi, creati da letterali:

let x = "John";

Ma le stringhe possono anche essere definite come oggetti con la parola chiave new:

let y = new String("John");

Esempio

let x = "John";
let y = new String("John");

Non creare oggetti Strings.

La newparola chiave complica il codice e rallenta la velocità di esecuzione.

Gli oggetti stringa possono produrre risultati imprevisti:

Quando si utilizza l' ==operatore, x e y sono uguali :

let x = "John";
let y = new String("John");

Quando si utilizza l' ===operatore, xey non sono uguali :

let x = "John";
let y = new String("John");

Nota la differenza tra (x==y)e (x===y).

(x == y) vero o falso?

let x = new String("John");
let y = new String("John");

(x === y) vero o falso?

let x = new String("John");
let y = new String("John");

Il confronto di due oggetti JavaScript restituisce sempre false .

Riferimento completo alle stringhe

Per un riferimento completo alle stringhe, vai al nostro:

Riferimento completo alla stringa JavaScript .

Il riferimento contiene descrizioni ed esempi di tutte le proprietà e i metodi delle stringhe.

Mettiti alla prova con gli esercizi

Esercizio:

Utilizzare la lengthproprietà per avvisare la lunghezza di txt.

let txt = "Hello World!";
let x = ;
alert(x);