Eksempler på JavaScript-understreng - Slice, Substring og Substring Methods i JS

I den daglige programmering er vi ofte nødt til at arbejde med strenge. Heldigvis er der mange indbyggede metoder i JavaScript, der hjælper os, mens vi arbejder med arrays, strenge og andre datatyper. Vi kan bruge disse metoder til forskellige operationer som søgning, udskiftning, sammenkædning af strenge osv.

At få en substring fra en streng er en af ​​de mest almindelige operationer i JavaScript. I denne artikel vil du lære at få et substring ved hjælp af 3 forskellige indbyggede metoder. Men lad mig først kort forklare, hvad en substring er.

Hvad er en substring?

En understreng er en delmængde af en anden streng:

"I am learning JavaScript and it is cool!" --> Original String "I am learning JavaScript" --> Substring "JavaScript is cool!" --> Another Substring

Som i eksemplet ovenfor er vi i nogle tilfælde nødt til at få en eller flere understreng fra en komplet sætning eller et afsnit. Lad os nu se, hvordan man gør det i JavaScript på 3 forskellige måder.

Du kan også se videoversionen af ​​eksemplets anvendelser her:

1. Substring () -metoden

Lad os starte med metoden substring (). Denne metode får dybest set en del af den originale streng og returnerer den som en ny streng. Substringsmetoden forventer to parametre:

string.substring(startIndex, endIndex);
  • startIndex : repræsenterer startpunktet for understrengen
  • endIndex : repræsenterer slutpunktet for understrengen (valgfri)

Lad os se brugen i et eksempel. Antag, at vi har nedenstående eksempelstreng:

const myString = "I am learning JavaScript and it is cool!";

Hvis vi nu indstiller startIndex som 0 og endIndex som 10, får vi de første 10 tegn i den originale streng:

Men hvis vi kun indstiller et startindeks og intet slutningsindeks til dette eksempel:

Derefter får vi en understreng, der starter fra det 6. tegn til slutningen af ​​den originale streng.

Nogle yderligere punkter:

  • Hvis startIndex = endIndex, returnerer substringmetoden en tom streng
  • Hvis startIndex og endIndex begge er større end længden af ​​strengen, returnerer den en tom streng
  • Hvis startIndex> endIndex, bytter substringsmetoden argumenterne og returnerer et substring, forudsat at endIndex> startIndex

2. Metoden til skive ()

Metoden slice () svarer til metoden substring (), og den returnerer også en substring af den originale streng. Slice-metoden forventer også de samme to parametre:

string.slice(startIndex, endIndex);
  • startIndex : repræsenterer startpunktet for understrengen
  • endIndex : repræsenterer slutpunktet for understrengen (valgfri)

De almindelige punkter i substring () og slice () metoder:

  • Hvis vi ikke indstiller et slutningsindeks, får vi en understreng, der starter fra det givne indeksnummer til slutningen af ​​den originale streng:
  • Hvis vi indstiller både startIndex og endIndex, får vi tegnene mellem de givne indeksnumre i den originale streng:
  • Hvis startIndex og endIndex er større end strengens længde, returneres en tom streng

Forskelle i metoden slice ():

  • Hvis startIndex> endIndex, returnerer metoden slice () en tom streng
  • Hvis startIndex er et negativt tal, begynder det første tegn fra slutningen af ​​strengen (omvendt):
Bemærk: Vi kan også bruge metoden slice () til JavaScript-arrays. Du kan her finde min anden artikel om slice-metoden for at se brugen af ​​arrays.

3. Metoden substr ()

I henhold til Mozilla-dokumenterne betragtes substr () -metoden som en ældre funktion, og dens anvendelse bør undgås. Men jeg vil stadig kort forklare, hvad det gør, fordi du måske ser det i ældre projekter.

Metoden substr () returnerer også en substring af den originale streng og forventer to parametre som:

string.substring(startIndex, length);
  • startIndex : repræsenterer startpunktet for understrengen
  • længde : antal tegn, der skal medtages (valgfrit)

Du kan se forskellen her: substr () -metoden forventer den anden parameter som en længde i stedet for en endIndex:

I dette eksempel tæller det grundlæggende 5 tegn, der starter med den givne startIndex og returnerer dem som en understreng.

Men hvis vi ikke definerer den anden parameter, vender den tilbage til slutningen af ​​den originale streng (som de to foregående metoder gør):

Bemærk: Alle 3 metoder returnerer understrengen som en ny streng, og de ændrer ikke den originale streng.

Pak ind

Så dette er de 3 forskellige metoder til at få en substring i JavaScript. Der er mange andre indbyggede metoder i JS, som virkelig hjælper os meget, når vi beskæftiger os med forskellige ting i programmering. Hvis du finder dette indlæg nyttigt, så del det på sociale medier.

Hvis du vil lære mere om webudvikling, er du velkommen til at følge mig på Youtube !

Tak fordi du læste!