Las strings de JavaScript se utilizan para almacenar y manipular texto. Puede contener cero o más caracteres entre comillas.
Ejemplo:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Strings
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Strings</h2>
<p id="GFG"></p>
<!-- Script to store string in variable -->
<script>
// String written inside quotes
var x = "Welcome to GeeksforGeeks!";
document.getElementById("GFG").innerHTML = x;
</script>
</body>
</html>
Producción:
Métodos para implementar strings: existen principalmente dos métodos para implementar strings que se enumeran a continuación.
- Ejemplo 1: use comillas simples o dobles para escribir strings.
javascript
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Strings
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Strings</h2>
<p id="GFG"></p>
<!-- Script to initialize string -->
<script>
var x = "GeeksforGeeks";
var y = 'A computer science portal';
document.getElementById("GFG").innerHTML =
x + "<br>" + y;
</script>
</body>
</html>
Producción:
Ejemplo 2: se pueden usar comillas dentro de una string, siempre que no coincidan con las comillas que rodean la string.
javascript
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Strings
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Strings</h2>
<p id="GFG"></p>
<script>
var x = "'GeeksforGeeks'";
var y = "A 'computer' 'science' portal";
document.getElementById("GFG").innerHTML =
x + "<br>" + y;
</script>
</body>
</html>
Producción:
Caracteres especiales: como se indicó anteriormente, el carácter especial no puede usar el mismo tipo de comillas dentro de una string, pero hay una solución. Utiliza el carácter de escape de barra invertida. El carácter de escape de barra invertida ‘\’ convierte los caracteres especiales en caracteres de string normales. La secuencia (\”) se usa para insertar una comilla doble en una string.
Ejemplo:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Strings
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Strings for special character</h2>
<p id="GFG"></p>
<!-- Script to use special character -->
<script>
var x = "\"GeeksforGeeks\" A \'computer science\' portal";
document.getElementById("GFG").innerHTML = x;
</script>
</body>
</html>
Producción:
Ejemplo: la string se puede escribir entre comillas simples.
javascript
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Strings
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Strings for special character</h2>
<p id="GFG"></p>
<!-- Script to use special character -->
<script>
var x = '\"GeeksforGeeks\" A \'computer science\' portal';
document.getElementById("GFG").innerHTML = x;
</script>
</body>
</html>
Producción:
Longitud de string: la longitud de una string se puede encontrar usando la propiedad de longitud .
Ejemplo:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Strings
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Strings length</h2>
<p id="GFG"></p>
<!-- Script to return the length of string -->
<script>
var len = "GeeksforGeeks";
// Returns the length of string
document.getElementById("GFG").innerHTML
= len.length;
</script>
</body>
</html>
Producción:
Rotura de strings: a veces necesitamos dividir la string para facilitar la comprensión, se puede usar el símbolo \ pero no se prefiere. El método preferido es usar el símbolo + entre las dos strings.
Ejemplo:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Strings
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Strings break lines</h2>
<p id="GFG"></p>
<!-- Script to break the line -->
<script>
document.getElementById("GFG").innerHTML = "Welcome"
+ " to GeeksforGeeks!";
</script>
</body>
</html>
Producción:
Strings como objetos: las strings se pueden usar como objetos usando la palabra clave ‘nuevo’.
Ejemplo:
javascript
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Strings
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Strings as object</h2>
<p id="GFG"></p>
<!-- Script to use string as object -->
<script>
// Declare a string
var x = "Great Geek";
// Declare an object
var y = new String("Great Geek");
document.getElementById("GFG").innerHTML =
typeof x + "<br>" + typeof y;
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome 1 y superior
- Borde 12 y superior
- Firefox 1 y superior
- Internet Explorer 3 y superior
- Ópera 3 y superior
- Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por NishanthVaidya y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA