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


Ricerca di stringhe JavaScript

Metodi di ricerca JavaScript

  • stringa indexOf()
  • Stringa lastIndexOf()
  • La stringa inizia con()
  • La stringa finisceCon()

JavaScript stringa indexOf()

Il indexOf()metodo restituisce l'indice di (la posizione di) l' firstoccorrenza di un testo specificato in una stringa:

Esempio

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate");

Nota

JavaScript conta le posizioni da zero.

0 è la prima posizione in una stringa, 1 è la seconda, 2 è la terza, ...


Stringa JavaScript lastIndexOf()

Il lastIndexOf()metodo restituisce l'indice dell'ultima occorrenza di un testo specificato in una stringa:

Esempio

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate");

Entrambi indexOf()e lastIndexOf()restituiscono -1 se il testo non viene trovato:

Esempio

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");

Entrambi i metodi accettano un secondo parametro come posizione di partenza per la ricerca:

Esempio

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15);

I lastIndexOf()metodi ricercano all'indietro (dalla fine all'inizio), ovvero: se il secondo parametro è 15, la ricerca parte dalla posizione 15, e ricerca all'inizio della stringa.

Esempio

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15);

JavaScript Ricerca stringa()

Il search()metodo cerca in una stringa un valore specificato e restituisce la posizione della corrispondenza:

Esempio

let str = "Please locate where 'locate' occurs!";
str.search("locate");

Hai notato?

I due metodi, indexOf()e search(), sono uguali?

Accettano gli stessi argomenti (parametri) e restituiscono lo stesso valore?

I due metodi NON sono uguali. Queste sono le differenze:

  • Il search()metodo non può accettare un secondo argomento della posizione iniziale.
  • Il indexOf()metodo non può accettare valori di ricerca potenti (espressioni regolari).

Imparerai di più sulle espressioni regolari in un capitolo successivo.



Corrispondenza stringa JavaScript()

Il metodo match() cerca in una stringa una corrispondenza con un'espressione regolare e restituisce le corrispondenze come un oggetto Array.

Esempio 1

Cerca una stringa per "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g);

Maggiori informazioni sulle espressioni regolari nel capitolo JS RegExp .

Nota

Se un'espressione regolare non include il modificatore g (per eseguire una ricerca globale ), il metodo match() restituirà solo la prima corrispondenza nella stringa.

Sintassi

string.match(regexp)
regexp Required. The value to search for, as a regular expression.
Returns: An Array, containing the matches, one item for each match, or null if no match is found

Esempio 2

Esegui una ricerca globale, senza distinzione tra maiuscole e minuscole per "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);

La stringa JavaScript include()

Il includes()metodo restituisce true se una stringa contiene un valore specificato.

Esempio

let text = "Hello world, welcome to the universe.";
text.includes("world");

Sintassi

string.includes(searchvalue, start)
searchvalue Required. The string to search for
start Optional. Default 0. Position to start the search
Returns: Returns true if the string contains the value, otherwise false
JS Version: ES6 (2015)

Controlla se una stringa include "mondo", iniziando la ricerca dalla posizione 12:

let text = "Hello world, welcome to the universe.";
text.includes("world", 12);

Supporto browser

includes() è una funzionalità ES6 (JavaScript 2015).

È supportato in tutti i browser moderni:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes() non è supportato in Internet Explorer.


JavaScript String inizia con()

Il startsWith()metodo restituisce true se una stringa inizia con un valore specificato, altrimenti false:

Esempio

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello");

Sintassi

string.startsWith(searchvalue, start)

Valori dei parametri

Parameter Description
searchvalue Required. The value to search for.
start Optional. Default 0. The position to start the search.

Esempi

let text = "Hello world, welcome to the universe.";

text.startsWith("world")    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 5)    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 6)    // Returns true

Nota

Il startsWith()metodo fa distinzione tra maiuscole e minuscole.


Supporto browser

startsWith() è una funzionalità ES6 (JavaScript 2015).

È supportato in tutti i browser moderni:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

startsWith() non è supportato in Internet Explorer.


La stringa JavaScript finisce con()

Il endsWith()metodo restituisce true se una stringa termina con un valore specificato, altrimenti false:

Esempio

Controlla se una stringa termina con "Doe":

var text = "John Doe";
text.endsWith("Doe");

Sintassi

string.endswith(searchvalue, length)

Valori dei parametri

Parameter Description
searchvalue Required. The value to search for.
length Optional. The length to search.

Verifica che i primi 11 caratteri di una stringa finiscano con "mondo":

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);

Nota

Il endsWith()metodo fa distinzione tra maiuscole e minuscole.


Supporto browser

endsWith() è una funzionalità ES6 (JavaScript 2015).

È supportato in tutti i browser moderni:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

endsWith() non è supportato in Internet Explorer.


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.