Lavorare con le stringhe in JavaScript | spiegato con esempi

Le stringhe non sono altro che una raccolta di personaggi, lettere, numeri o simboli. In JavaScript, le stringhe sono primitive e immutabili in natura che determina quando qualcuno implementa alcune funzionalità su una stringa specifica, quindi di conseguenza non influenzerebbe la stringa originale invece creerà una nuova stringa.

Come creare una stringa in javascript

Mentre si lavora con le stringhe, la prima domanda che viene in mente è come creare una stringa? Bene, abbiamo due risposte a questa domanda, dobbiamo capire prima che tipo di stringa creeremo?

JavaScript offre due tipi di stringhe:

un semplice "corda",

"Letterali modello"(Introdotto in ES6).

Considereremo alcuni esempi per capire entrambi questi concetti:

Durante la creazione di una stringa semplice, alletteremo tutti i personaggi in una singola citazione "o una doppia citazione" "come abbiamo fatto nell'esempio di seguito:

"Ciao questa è la nostra prima corda scritta in doppie citazioni";
"Ciao questa è la nostra seconda corda scritta nella singola citazione";

Finora quello che abbiamo fatto è, circondare la sequenza di lettere con le doppie citazioni e poi con la singola citazione, non abbiamo assegnato una stringa a nessuna variabile o letterale, ecc.

Ora possiamo ottenere l'output di queste stringhe in molti modi, ad esempio, possiamo stampare l'output sulla console del browser come:

console.log ("Ciao questa è la nostra prima corda scritta in doppia quota");
console.log ("ciao questa è la nostra seconda corda scritta nella singola citazione");

Ora otterremo la nostra produzione sulla console come:

Mentre possiamo anche ottenere l'output sul nostro documento come:

documento.Scrivi ("Ciao questa è la nostra prima corda scritta in doppio quote");

Otterremo il seguente output quando utilizziamo "documento.scrivere()":

Un altro modo di stampare la nostra stringa è il "mettere in guardia" metodo:

Avviso ("ciao questa è la nostra prima corda scritta in doppia citazione");

In questo caso, apparirà una finestra pop-up e otterremo il nostro output su quella finestra:

Ora discuteremo del secondo metodo "letterali modello"Per creare una stringa in JavaScript.

Letterali modello

IL "letterali modello"Esegui lo stesso della singola citazione e la doppia citazione, ma con alcune funzionalità aggiuntive. IL modello letterale Le stringhe sono circondate da "Ticks"". Noi discuteremo "letterali modello"In dettaglio nell'ultima parte di questo articolo"Come concatenare le corde in JavaScript".

Come assegnare una stringa a una variabile in JavaScript

In JavaScript, possiamo creare una variabile in tre modi con la parola chiave "var", "let" o con la parola chiave "const". Quindi, considera il seguente esempio dato per capire come possiamo assegnare una stringa a una variabile:

const string1 = "stringa assegnata a una variabile const";
let string2 = "stringa assegnata a una variabile let";
var string3 = "stringa assegnata a una variabile var";

Abbiamo creato tre variabili con tre diverse parole chiave e abbiamo assegnato una stringa a ciascuna di esse come:

Useremo la console.Metodo log () per stampare l'output di queste stringhe:

Quindi otterremo il seguente output sulla nostra console:

Come concatenare le corde in JavaScript

Concatenate significa combinare le stringhe multiple, possiamo concatenare più stringhe usando l'operatore di concatenazione "+":

const string1 = "Daniel";
let String2 = "Bryn";
console.log ("nome dipendente:", string1 + "" + string2);

Abbiamo creato due stringhe e le assegniamo a due variabili diverse quindi nella console.Funzione di registro abbiamo concatenati entrambe le variabili con l'operatore "+".

In quanto sopra, combiniamo due stringhe e aggiungiamo uno "spazio bianco" tra di loro. Quando eseguiamo il codice otteniamo il seguente output:

Possiamo concatenare le stringhe direttamente senza assegnare i loro valori alle variabili, come abbiamo fatto nell'esempio seguente:

console.log ("Nome:", 'Michael' + "" + 'Clarke');

In questo esempio, combiniamo due stringhe e tra cui uno spazio bianco:

E otteniamo il seguente output sull'esecuzione riuscita:

Fino ad ora abbiamo lavorato sulle corde con una singola citazione o stringhe racchiuse in doppia citazione. Ora considereremo un esempio per capire come funziona il back-tick:

let first_name = "Daniel";
let full_name = 'joe $ first_name';
console.log ("nome:", full_name);

In questo esempio, combiniamo "First_name" con "Joe" usando (') e stampa l'output sulla console:

Otterremo il seguente output per il codice sopra:

Come sfuggire ai personaggi speciali in JavaScript

Come abbiamo visto negli esempi di cui sopra, le citazioni singole e le doppie citazioni sono utilizzate per indicare le stringhe. Quindi una domanda che attira l'attenzione di tutti è come affrontare gli apostrofi o alcuni personaggi speciali all'interno delle corde? Per esempio:

Lascia che Str = 'I'm A String!';
console.log (str);

Quindi in questo esempio quando proviamo a scrivere Io sono In una stringa non funzionerebbe correttamente:

Come nello snippet sopra, vediamo che il codice Visual Studio sta mostrando un errore, quindi se ancora, proviamo a eseguire questo codice, otterremo il seguente output:

Pertanto, per affrontare tali casi speciali JavaScript fornisce alcuni caratteri speciali come la backslash '\', tab '\ t' ecc. Faremo un esempio in cui aggiungeremo '\' nella stringa:

Lascia che str = 'i \' m una stringa!';
console.log ("la stringa:", str);

Il '\' sfuggirà alla singola citazione come:

E otterremo l'output risultante per la stringa come:

Come accedere a un personaggio da una stringa in JavaScript

Possiamo accedere a un carattere specifico di una stringa usando i frame di array '[':

Let String = "Hello This è la nostra prima corda scritta in doppio quote";
console.log ("carattere accessibile:", stringa [8]);

Scriviamo "String [8]" nel metodo della console che determina che accedi al carattere "8 °" della stringa e lo stampa sulla console:

Al momento dell'esecuzione riuscita, otterremo l'ottavo carattere della stringa che è "I":

Conclusione

Le stringhe sono dati primitivi e immutabili e questo articolo fornisce una panoramica completa del lavoro di String con l'aiuto di esempi. Dopo aver letto questo articolo sarai in grado di rispondere alle domande come come creare una stringa, come visualizzare una stringa, come assegnare una stringa a una variabile, come integrare/concatenare una stringa, come sfuggire a un personaggio speciale mentre lavora con stringhe e come accedere a un singolo carattere di una stringa.