Hay dos tipos de string, primitivas de string y objetos de string en ES6 JavaScript. Envuelve las primitivas de string de JavaScript con los métodos auxiliares. Hay algunos números de métodos auxiliares.
- primitivas de string: una primitiva obtiene el encajonamiento automático de su tipo de envoltorio cuando se invoca un método del tipo de envoltorio. No tiene métodos de ayuda, no es más que un puntero a una referencia de memoria de datos sin procesar. Así que aquí se envuelve en una envoltura de string. (var i = 1) aquí se ajusta a un envoltorio entero.
- objetos de string: Este es un objeto de string. El objeto String se crea con la ayuda de String Class. Envuelve el tipo de datos primitivo de string con una serie de métodos auxiliares.
Sintaxis: Hay tres propiedades en ES6 JavaScript mencionadas y descritas a continuación:
var stringobject = new String(string);
Propiedades de string:
| Propiedades | Descripción |
|---|---|
| Constructor | Esta propiedad devuelve una referencia a la función de string que creó el prototipo de instancia. |
| Longitud | Esta propiedad devuelve la longitud de la string. |
| Prototipo | Esta propiedad es una propiedad global que está disponible con casi todos los objetos. Esto le permite agregar propiedades y métodos a un objeto, donde el objeto prototipo tiene un comportamiento diferente en comparación con el auto-boxing primitivo de string. |
El siguiente ejemplo ilustra las propiedades:
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<script>
function hero(id, name) {
this.id = id;
this.name = name;
}
// Object e
var e = new hero(123, "GeeksforGeeks");
// Object e1
var e1 = new hero(124, "Courses");
// This prototype property is constant for all objects.
hero.prototype.group = "Edutech";
// Returns object reference
document.write("Constructor Property = " + e.constructor);
// Returns length
document.write("<br>Length of emp.name(GeeksforGeeks) = " + e.name.length);
// Returns the new property(group)
document.write("<br>Prototype(emp1.name=Courses) group = " + e1.group);
// Returns the new property(group)
document.write("<br>Prototype(emp.name=GeeksforGeeks) group = " + e.group);
</script>
</head>
<body>
</body>
</html>
Producción:
Constructor Property = function hero(id, name) { this.id = id; this.name = name; }
Length of emp.name(GeeksforGeeks) = 13
Prototype(emp1.name=Courses) group = Edutech
Prototype(emp.name=GeeksforGeeks) group = Edutech
Métodos de objetos de string: esta es la lista de métodos disponibles en un objeto de string.
| Métodos | Descripción |
|---|---|
| charAt(carácter) | Este método devuelve el carácter en el índice especificado. |
| charCodet(carácter) | Este método devuelve el código ascii del carácter en el índice especificado. |
| concat(string) | Este método devuelve la string concatenada. |
| indexOf(string) | Este método devuelve el índice inicial de la string dada. |
| últimoÍndiceDe(string) | Este método devuelve el índice de inicio de la última aparición de la string dada. |
| LocaleCompare(string) | Este método devuelve 0, si las strings comparadas son iguales, devuelve 1 o -1 si las strings comparadas no son iguales y 1 y -1 según el orden de clasificación. |
| coincidencia (RegExp, string) | devuelve la coincidencia de RegExp. |
| reemplazar (RegExp, string) | devuelve el RegExp reemplazado en la string. |
| buscar (RegExp) | Este método busca la palabra dada o la expresión regular. Si se pasa una string como parámetro, se convierte en RegExp utilizando la nueva RegExp(obj). |
| segmento (índice de inicio, índice de finalización) | Este método devuelve la string de startIndex a endIndex (excluyendo) en el índice especificado. |
| substr(índiceInicio, longitud) | devuelve la string de startIndex a startIndex+longitud (excluyendo) en el índice especificado. |
| substring (índice de inicio, índice de finalización) | devuelve la string de startIndex a endIndex (excluyendo) en el índice especificado. |
| split(“separador”, número de divisiones) | devuelve una array que se dividió con el separador y se le dio b = número de divisiones, si no se mencionan las divisiones, devuelva la array completa. |
| toLocalLowerCase() | devuelve una string en minúsculas con la configuración regional actual. |
| toLocalUpperCase() | devuelve una string en mayúsculas con la configuración regional actual. |
| aLowerCase() | devuelve el valor de la string de llamada convertido a minúsculas. |
| topperCase() | devuelve el carácter en el índice especificado. |
| Enstringr() | devuelve el valor de la string de llamada convertido a mayúsculas. |
| valor de() | devuelve el valor primitivo de un objeto String. |
El siguiente ejemplo ilustrará los métodos:
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<script>
var str = new String("A Online Computer Science Portal");
var str1 = new String("Computer Science Portal for Geeks");
document.write("str.charAt(0) is = " + str.charAt(0));
document.write("<br>str.charCodeAt(0) is = " + str.charCodeAt(0));
document.write("<br>");
document.write("<br>str1.concat('=>Geeks?') = " + str1.concat('=>Geeks?'));
document.write("<br>");
document.write("<br>str.indexOf('of') = " + str.indexOf('of'));
document.write("<br>str.lastIndexOf('of') = " + str.lastIndexOf('of'));
document.write("<br>");
document.write("<br>str.localeCompare( 'A Online Computer Science Portal') = "
+ str.localeCompare('A Online Computer Science Portal'));
document.write("<br>str.localeCompare( 'Computer Science Portal for Geeks') = "
+ str.localeCompare('Computer Science Portal for Geeks'));
document.write("<br>str.localeCompare( 'A Computer Science Portal') = "
+ str.localeCompare('A Computer Science Portal'));
document.write("<br>");
if (str.search("Geeksfor") != -1) {
document.write("<br>Geeks exist in str.");
} else {
document.write("<br>Geeks doesn't exist in str.");
}
document.write("<br>");
document.write("<br>str.slice(5, -1) = " + str.slice(5, -1));
document.write("<br>str.substr(2, 9) = " + str.substr(2, 9));
document.write("<br>str.substring(2, 9) = " + str.substring(2, 9));
document.write("<br>");
document.write("<br>str.split(' ') = " + JSON.stringify(str.split(' ')));
document.write("<br>str.split(':', 4) = " + JSON.stringify(str.split(':', 4)));
document.write("<br>str.split('of', 4) = " + JSON.stringify(str.split('of', 4)));
document.write("<br>")
document.write("<br>str1.toLocaleLowerCase( ) = " + str1.toLocaleLowerCase());
document.write("<br>str1.toLocaleUpperCase() = " + str1.toLocaleUpperCase());
document.write("<br>str1.toLowerCase( ) = " + str1.toLowerCase());
document.write("<br>str1.toUpperCase() = " + str1.toUpperCase());
document.write("<br>")
document.write("<br>str1.toString() = " + str1.toString());
document.write("<br>str1.valueOf( ) = " + str1.valueOf());
</script>
</head>
</html>
Producción:
str.charAt(0) is = A
str.charCodeAt(0) is = 65
str1.concat('=>Geeks?') = Computer Science Portal for Geeks=>Geeks?
str.indexOf('of') = -1
str.lastIndexOf('of') = -1
str.localeCompare( 'A Online Computer Science Portal') = 0
str.localeCompare( 'Computer Science Portal for Geeks') = -1
str.localeCompare( 'A Computer Science Portal') = 1
Geeks doesn't exist in str.
str.slice(5, -1) = online Computer Science Portal
str.substr(2, 9) = Online Co
str.substring(2, 9) = Online
str.split(' ') = ["A","Online","Computer","Science","Portal"]
str.split(':', 4) = ["A Online Computer Science Portal"]
str.split('of', 4) = ["A Online Computer Science Portal"]
str1.toLocaleLowerCase( ) = computer science portal for geeks
str1.toLocaleUpperCase() = COMPUTER SCIENCE PORTAL FOR GEEKS
str1.toLowerCase( ) = computer science portal for geeks
str1.toUpperCase() = COMPUTER SCIENCE PORTAL FOR GEEKS
str1.toString() = Computer Science Portal for Geeks
str1.valueOf( ) = Computer Science Portal for Geeks