Tutoriel JavaScript

JS ACCUEIL Présentation de JS JS Où aller Sortie JS Déclarations JS Syntaxe JS Commentaires JS Variables JS JS Let Const JS Opérateurs JS Arithmétique JS Affectation JS Types de données JS Fonctions JavaScript Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherche de chaîne JS Modèles de chaîne JS Numéros JS Méthodes de nombre JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const tableau JS Dates JS Formats de date JS Méthodes d'obtention de date JS Méthodes de définition de date JS JS Mathématiques JS Aléatoire Booléens JS Comparaisons JS Conditions JS Commutateur JS Boucle JS pour Boucle JS pour dans Boucle JS pour de Boucle JS pendant Pause JS Itérables JS Ensembles JS Cartes JS Type de JS Conversion de type JS JS au niveau du bit JS RegExp Erreurs JS Portée JS JS Levage Mode JS strict JS ce mot clé Fonction flèche JS Cours JS JSJSON Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performances JS Mots réservés JS

Versions JavaScript

Versions JavaScript JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historique JS

Objets JS

Définitions d'objet Propriétés de l'objet Méthodes d'objet Affichage d'objet Accesseurs d'objet Constructeurs d'objets Prototypes d'objets Itérables d'objet Ensembles d'objets Cartes d'objets Référence d'objet

Fonctions JavaScript

Définitions des fonctions Paramètres de fonction Appel de fonction Appel de fonction Fonction Appliquer Fermetures de fonction

Cours JS

Introduction de classe Héritage de classe Classe Statique

JS asynchrone

Rappels JS JS asynchrone JS promet JS asynchrone/en attente

JS HTML DOM

Introduction DOM Méthodes DOM Documents DOM Éléments DOM HTML DOM Formulaires DOM DOM CSS Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds DOM

Nomenclature du navigateur JS

Fenêtre JS Écran JavaScript Emplacement JS Historique JS Navigateur JS Alerte contextuelle JS Calendrier JS Cookies JavaScript

API Web JS

Présentation de l'API Web API des formulaires Web API d'historique Web API de stockage Web API de travail Web API de récupération Web API de géolocalisation Web

JS AJAX

Introduction à AJAX AJAX XMLHttp Requête AJAX Réponse AJAX Fichier XML AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples AJAX

JSJSON

Présentation JSON Syntaxe JSON JSON contre XML Types de données JSON Analyse JSON Chaîne JSON Objets JSON Tableaux JSON Serveur JSON JSON PHP HTML JSON JSON JSONP

JS contre jQuery

Sélecteurs jQuery jQuery HTML jQuery CSS jQuery DOM

Graphiques JS

Graphiques JS Canevas JS JS Complot JS Chart.js Graphique Google JS JS D3.js

Exemples JS

Exemples JS JS HTML DOM Entrée HTML JS Objets HTML JS Événements HTML JS Navigateur JS Éditeur JavaScript Exercices JS Questionnaire JS Certificat JS

Références JavaScript

Objets JavaScript Objets DOM HTML


Recherche de chaînes JavaScript

Méthodes de recherche JavaScript

  • Chaîne indexOf()
  • Chaîne lastIndexOf()
  • La chaîne commence par ()
  • La chaîne se termine par ()

Chaîne JavaScript indexOf()

La indexOf()méthode renvoie l'index de (la position de) l' firstoccurrence d'un texte spécifié dans une chaîne :

Exemple

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

Noter

JavaScript compte les positions à partir de zéro.

0 est la première position dans une chaîne, 1 est la deuxième, 2 est la troisième, ...


Chaîne JavaScript lastIndexOf()

La lastIndexOf()méthode renvoie l'index de la dernière occurrence d'un texte spécifié dans une chaîne :

Exemple

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

Les deux indexOf(), et lastIndexOf()renvoient -1 si le texte n'est pas trouvé :

Exemple

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

Les deux méthodes acceptent un deuxième paramètre comme position de départ pour la recherche :

Exemple

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

Les lastIndexOf()méthodes effectuent une recherche vers l'arrière (de la fin au début), ce qui signifie : si le deuxième paramètre est 15, la recherche commence à la position 15 et recherche jusqu'au début de la chaîne.

Exemple

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

Recherche de chaîne JavaScript()

La search()méthode recherche une chaîne pour une valeur spécifiée et renvoie la position de la correspondance :

Exemple

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

As-tu remarqué?

Les deux méthodes, indexOf()et search(), sont-elles égales ?

Acceptent-ils les mêmes arguments (paramètres) et renvoient-ils la même valeur ?

Les deux méthodes ne sont PAS égales. Voici les différences :

  • La search()méthode ne peut pas prendre un deuxième argument de position de départ.
  • La indexOf()méthode ne peut pas accepter de valeurs de recherche puissantes (expressions régulières).

Vous en apprendrez plus sur les expressions régulières dans un chapitre ultérieur.



Correspondance de chaîne JavaScript()

La méthode match() recherche dans une chaîne une correspondance avec une expression régulière et renvoie les correspondances, sous la forme d'un objet Array.

Exemple 1

Rechercher une chaîne pour "ain":

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

En savoir plus sur les expressions régulières dans le chapitre JS RegExp .

Noter

Si une expression régulière n'inclut pas le modificateur g (pour effectuer une recherche globale ), la méthode match() renverra uniquement la première correspondance dans la chaîne.

Syntaxe

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

Exemple 2

Effectuez une recherche globale, insensible à la casse pour "ain":

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

La chaîne JavaScript inclut()

La includes()méthode renvoie true si une chaîne contient une valeur spécifiée.

Exemple

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

Syntaxe

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)

Vérifiez si une chaîne inclut "world", en commençant la recherche à la position 12 :

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

Prise en charge du navigateur

includes() est une fonctionnalité ES6 (JavaScript 2015).

Il est pris en charge dans tous les navigateurs modernes :

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes() n'est pas pris en charge dans Internet Explorer.


La chaîne JavaScript commence par ()

La startsWith()méthode retourne true si une chaîne commence par une valeur spécifiée, sinon false:

Exemple

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

text.startsWith("Hello");

Syntaxe

string.startsWith(searchvalue, start)

Valeurs des paramètres

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

Exemples

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

Noter

La startsWith()méthode est sensible à la casse.


Prise en charge du navigateur

startsWith() est une fonctionnalité ES6 (JavaScript 2015).

Il est pris en charge dans tous les navigateurs modernes :

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

startsWith() n'est pas pris en charge dans Internet Explorer.


La chaîne JavaScript se termine par ()

La endsWith()méthode retourne true si une chaîne se termine par une valeur spécifiée, sinon false:

Exemple

Vérifiez si une chaîne se termine par "Doe":

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

Syntaxe

string.endswith(searchvalue, length)

Valeurs des paramètres

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

Archiver les 11 premiers caractères d'une chaîne se terminant par "world":

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

Noter

La endsWith()méthode est sensible à la casse.


Prise en charge du navigateur

endsWith() est une fonctionnalité ES6 (JavaScript 2015).

Il est pris en charge dans tous les navigateurs modernes :

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

endsWith() n'est pas pris en charge dans Internet Explorer.


Référence de chaîne complète

Pour une référence complète de String, rendez-vous sur :

Référence de chaîne JavaScript complète .

La référence contient des descriptions et des exemples de toutes les propriétés et méthodes de chaîne.