recherche
Maisoninterface WebQuestions et réponses frontalesComment déterminer s'il y a une certaine chaîne dans une chaîne dans es6

Méthode de jugement : 1. Utilisez include(), syntaxe "str.includes(searchString[, position])" ; 2. Utilisez indexOf(), syntaxe "str.indexOf(substring)", si "-1" est renvoyé. Non ; 3. Utilisez test(), match() ou search() avec la recherche d'expressions régulières, syntaxe "exp.test(str)", "str.match(exp)".

Comment déterminer s'il y a une certaine chaîne dans une chaîne dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

Méthode ES6 pour déterminer si une chaîne contient des sous-chaînes

Méthode 1 : utilisez la fonction include()

Les chaînes ES6 ont une nouvelle méthode d'inclusion, nous pouvons l'utiliser pour déterminer si elle contient une chaîne de sous-chaînes.

str.includes(searchString[, position])
  • searchString : sous-chaîne de requête

  • position : Facultatif, la position pour démarrer la recherche, la valeur par défaut est 0

'Blue Whale'.includes('Blue'); // returns true
'Blue Whale'.includes('blue'); // returns false

Il convient de noter que la méthode include est sensible à la casse.

Pour les navigateurs qui ne prennent pas en charge es6, vous pouvez ajouter es6-shim, tel que :

require('es6-shim')

Méthode 2 : utilisez la fonction indexOf()

indexOf est une méthode couramment utilisée pour déterminer si elle contient un sous-chaîne. Si une sous-chaîne est contenue, renvoie l'index de la sous-chaîne, sinon renvoie -1.

var string = "foo",
    substring = "oo";
if(string.indexOf(substring) == -1) {
  console.log("不包含子字符串")
} else {
  console.log("包含子字符串")
}

Méthode 3 : Utiliser des expressions régulières

Il existe trois façons d'utiliser les expressions régulières : test, match, search

1, test

var string = "foo",
    exp = /oo/;
var result = exp.test(string);

test renvoie une valeur booléenne. Renvoie vrai s'il existe, faux sinon.

Notez que l'appelant de la fonction test est une expression régulière.

2. Match

var string = "foo",
    exp = /oo/;
var result = string.match(exp);
console.log(result);

Résultat de sortie :

["oo", index: 1, input: "foo"]

L'appelant est une chaîne. S'il correspond, un tableau est renvoyé, comprenant le contenu correspondant : expression régulière, index et entrée.

3. Search

var string = "foo",
    exp = /oo/;
var result = string.search(exp);

renvoie l'index de la sous-chaîne recherchée. Si la recherche ne peut pas être effectuée, -1 sera renvoyé

[Recommandations associées : tutoriel vidéo javascript, front-end web]

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Optimisation des performances avec USESTate () dans les applications ReactOptimisation des performances avec USESTate () dans les applications ReactApr 27, 2025 am 12:22 AM

UseState () isCrucialForoptimizingreAttPperformanceDuetoitSImpactonre-RendersAndupdates.Tooptimize: 1) useUseCallbackTomemoizefunctionsandPreventunnesseyre-Reders.2) employUseMemoforCachingExpenSiveCompulements.3) BreakStateIntosmalLerverAbleSformoror

Partage de l'état entre les composants en utilisant le contexte et UseState ()Partage de l'état entre les composants en utilisant le contexte et UseState ()Apr 27, 2025 am 12:19 AM

Utilisez le contexte et UseState pour partager les États car ils peuvent simplifier la gestion des États dans les grandes applications REACT. 1) Réduire la propulsion, 2) Code plus clair, 3) plus facile à gérer l'état mondial. Cependant, faites attention aux frais généraux de performance et à la complexité de débogage. L'utilisation rationnelle du contexte et la technologie d'optimisation peut améliorer l'efficacité et la maintenabilité de l'application.

L'impact des clés incorrectes sur les mises à jour virtuelles de React de ReactL'impact des clés incorrectes sur les mises à jour virtuelles de React de ReactApr 27, 2025 am 12:19 AM

L'utilisation de clés incorrectes peut entraîner des problèmes de performance et un comportement inattendu dans les applications REACT. 1) La clé est un identifiant unique de l'élément de liste, aidant à réagir à mettre à jour efficacement le Dom virtuel. 2) L'utilisation de la même clé ou non unique entraînera la réorganisation des éléments de liste et les états de composants à perdre. 3) L'utilisation d'identifiants stables et uniques car les clés peuvent optimiser les performances et éviter une rérivation complète. 4) Utilisez des outils tels que Eslint pour vérifier l'exactitude de la clé. Une utilisation appropriée des clés assure des applications de réaction efficaces et fiables.

Comprendre les clés dans React: Optimisation du rendu de listeComprendre les clés dans React: Optimisation du rendu de listeApr 27, 2025 am 12:13 AM

INRENACT, les clés de la manière

Erreurs courantes à éviter lorsque vous travaillez avec UseState () dans ReactErreurs courantes à éviter lorsque vous travaillez avec UseState () dans ReactApr 27, 2025 am 12:08 AM

UseState est souvent mal utilisé dans React. 1. Misonction du mécanisme de travail d'Usestate: le statut ne sera pas mis à jour immédiatement après SetState. 2. État de mise à jour d'erreur: SetState dans le formulaire de fonction doit être utilisé. 3. Surutiliser UseState: Utilisez des accessoires si nécessaire. 4. Ignorez le tableau de dépendance de l'utilisation Effecte: le tableau de dépendance doit être mis à jour lorsque l'état change. 5. Considérations de performances: les mises à jour par lots des états et les structures d'état simplifiées peuvent améliorer les performances. La compréhension et l'utilisation correctes de l'USESTATE peuvent améliorer l'efficacité du code et la maintenabilité.

Nature adaptée au référencement de React: Amélioration de la visibilité du moteur de rechercheNature adaptée au référencement de React: Amélioration de la visibilité du moteur de rechercheApr 26, 2025 am 12:27 AM

Oui, ReactApplicationsCanBeseo-convivialwithProperstrategies.1) usewerver-sideredering (ssr) withtoolslikenext.jstogeneratefullhtmlfralindexing.2) implémentstaticSitegeneration (SSG)

Les goulots d'étranglement des performances de React: identifier et optimiser les composants lentsLes goulots d'étranglement des performances de React: identifier et optimiser les composants lentsApr 26, 2025 am 12:25 AM

Les goulots d'étranglement des performances réagissent principalement par un rendu inefficace, un rendu inutile et un calcul du poids lourd interne des composants. 1) Utilisez Reactdevtools pour localiser les composants lents et appliquer l'optimisation React.Memo. 2) Optimisez Utilisation Effecteur pour s'assurer qu'il s'exécute uniquement lorsque cela est nécessaire. 3) Utilisez UseMemo et UseCallback pour le traitement de la mémoire. 4) Divisez le grand composant en petits composants. 5) Pour les listes de Big Data, utilisez la technologie de défilement virtuel pour optimiser le rendu. Grâce à ces méthodes, les performances des applications React peuvent être considérablement améliorées.

Alternatives à React: Exploration d'autres bibliothèques et cadres d'interface utilisateur JavaScriptAlternatives à React: Exploration d'autres bibliothèques et cadres d'interface utilisateur JavaScriptApr 26, 2025 am 12:24 AM

Quelqu'un peut rechercher des alternatives pour réagir en raison de problèmes de performance, des courbes d'apprentissage ou d'explorer différentes méthodes de développement de l'interface utilisateur. 1) Vue.js est félicité pour sa facilité d'intégration et sa courbe d'apprentissage légère, adaptée aux petites et grandes applications. 2) Angular est développé par Google et convient aux grandes applications, avec un système de type puissant et une injection de dépendance. 3) Svelte offre d'excellentes performances et simplicité en la compilant en JavaScript efficace au moment de la construction, mais son écosystème est toujours en croissance. Lors du choix des alternatives, ils doivent être déterminés en fonction des besoins du projet, de l'expérience de l'équipe et de la taille du projet.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version anglaise

SublimeText3 version anglaise

Recommandé : version Win, prend en charge les invites de code !

mPDF

mPDF

mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) ​​et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),

Version crackée d'EditPlus en chinois

Version crackée d'EditPlus en chinois

Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code

Adaptateur de serveur SAP NetWeaver pour Eclipse

Adaptateur de serveur SAP NetWeaver pour Eclipse

Intégrez Eclipse au serveur d'applications SAP NetWeaver.