Capitalizzare la prima lettera di una stringa in JavaScript
-
Usa i metodi
toUpperCase()eslice()per rendere maiuscola la prima lettera in JavaScript -
Usa
toUpperCase()concharAt()per rendere maiuscola la prima lettera in JavaScript -
Usa
toUpperCase()ereplace()per rendere maiuscola la prima lettera in JavaScript
Esistono diversi modi per rendere maiuscola la prima lettera della stringa in JavaScript.
Per esempio:
"this is an example"->"This is an example""the Atlantic Ocean"->"The Atlantic Ocean"
Usa i metodi toUpperCase() e slice() per rendere maiuscola la prima lettera in JavaScript
Il metodo toUpperCase() trasforma tutte le lettere in una stringa in maiuscolo; lo useremo in combinazione con altre funzioni JavaScript per raggiungere il nostro obiettivo desiderato.
Il metodo slice(start,end) estrae una sezione di una stringa e la restituisce come una nuova stringa.
start è il parametro richiesto. È la posizione in cui iniziare la stringa di slice.
end è opzionale. È la posizione in cui terminare la stringa slice. Se omesso, slice() termina alla fine della stringa.
Esempio:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style = "text-align:center;">
<input id = "input" type="text" name="input"/>
<button onclick="capitalizeString()">
Capitalize
</button>
<h3 id = "modified-string" >
</h3>
<script>
function capitalizeString() {
let input = document.getElementById("input");
let headingElement = document.getElementById("modified-string");
let string = input.value;
headingElement.innerHTML = string[0].toUpperCase() +
string.slice(1);
}
</script>
</body>
</html>
Produzione:
Un altro esempio:
// shortened version
function capitalize(sentence) {
return sentence && sentence[0].toUpperCase() + sentence.slice(1);
}
Usa toUpperCase() con charAt() per rendere maiuscola la prima lettera in JavaScript
Il metodo charAt() restituisce il carattere dall’indice specificato in una stringa. L’indice inizia da 0.
Esempio:
// We will use the same html above
function capitalizeString() {
let input = document.getElementById('input');
let headingElement = document.getElementById('modified-string');
let string = input.value;
headingElement.innerHTML = string.charAt(0).toUpperCase() + string.slice(1);
;
}
Usa toUpperCase() e replace() per rendere maiuscola la prima lettera in JavaScript
Il replace() è un metodo integrato in JavaScript che cerca nella stringa data un valore specificato o un modello di espressione regolare, lo sostituisce e restituisce una nuova stringa.
JavaScript sostituire() Sintassi:
string.replace(paramA, paramB)
Qui, il paramA è un valore o un’espressione regolare, e paramB è un valore con cui sostituire paramA.
Nota: la stringa originale rimarrà invariata e il valore restituito è una nuova stringa con elementi sostituiti.
Esempio rapido sul metodo replace():
function replaceFunction() {
let str = 'Google Event';
let res = str.replace('Google', 'Microsoft');
console.log(res)
}
replaceFunction();
function replaceAllFunction() {
let str = 'Google Event will be in Headquarters of Google';
let res = str.replace(/Google/g, 'Microsoft');
console.log(res)
}
replaceFunction();
Nota: il metodo replace() sostituisce solo la prima istanza per impostazione predefinita. Dovremmo usare il modificatore globale (g) dell’espressione regolare per sostituire tutte le occorrenze.
Esempio:
// We will use the same html above
function capitalizeString() {
let input = document.getElementById('input');
let headingElement = document.getElementById('modified-string');
let string = input.value;
headingElement.innerHTML = string.replace(/^./, string[0].toUpperCase());
}
/^./ rappresenta la prima lettera della stringa. Ulteriori informazioni sulle espressioni regolari nel Tutorial RegExp e nel Riferimento oggetto RegExp.