javascript-conceptos/string-methods at master · josedev03/javascript-conceptos · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
split('')
// retorna un array, separa un string segun los caracteres indicados

reverse()
// invierte las posiciones de los elementos de un array

join('')
//retorna un string, une los elementos de un array segun los caracteres indicados

charAt(posicion)
// retorna el caracter en la posicion indicada
"gato".charAt(0);
>> "g"

String.fromCharcode()
//metodo estatico, retorna un nuevo string con la representación de los caracteres ingresados como parametros
String.fromCharCode(65,66,67);
>> "ABC"

repeat(nCopias)
// construye y retorna una nueva cadena con el numero de copias del string desde el cual fue llamado
"dato".repeat(3);
>> "datodatodato"

concat(cadena1,cadena2,cadenaN)
// retorna una nueva cadena uniendo la cadena original (desde el cual fue llamado) a las cadenas que fueron pasadas como parametros
"frase".concat(" para", " concatenar");
>> "frase para concatenar"

charCodeAt(indice)
// metodo para obtener el codigo unicode de un caracter
"gato".charCodeAt(0);
>> 103

endsWith(string, [indice])
// valida si un string termina en el string indicado como parametro. opcional se puede pasar un segundo
// parametro para delimitar el string, retorna true/false
"mi data, mi info".endsWith('fo');
>> true

includes(stringToFind, [position])
// busca el string pasado como parametro, el segundo parametro (opcional) el cual se indica la posicion donde empezar a buscar
// retorna true or false dependiendo si se encuentra el string (case sensitive)
"data data info".includes("ta", 5);
>> true

indexOf(stringTofind, [position])
// retorna la posicion de la primera ocurrencia con el string pasado como parametro, el segundo parametro (opcional) indica la posicion
// donde empezar a buscar la coincidencia (case sensitive)
"Brave new world".indexOf("w");
>> 8

lastIndexOf(stringToFind, [position])
// retorna la posicion de la ultima ocurrencia con el string pasado como parametro, el segundo parametro (opcional) indica la posicion
// donde empezar a buscar la coincidencia (case sensitive)
"Brave new world".lastIndexOf("w");
>> 10

localeCompare(stringTocompare, [locales, options)
// compara el string actual con el pasado por parametro, retornando un valor negativo si el string actual es anterior.
// si el valor es igual retorna 0, si el valor es posterior retornara un valor positivo
"adios".localeCompare("adiot");
>> -1
"adios".localeCompare("adios");
>> 0
"adios".localeCompare("adion");
>> 1

match
// retorna un array con todas las ocurrencias de una expresion regular, que esten en el String evaluado, el parametro pasado
// debe ser una expresion regular
"toda la data esta aquí".match(/a/g);
>> [ 'a', 'a', 'a', 'a', 'a', 'a' ]

padEnd(length, [stringToPad)
// retorna un nuevo string al cual se le agregara al final del string del el segundo parametro (string) tantas veces como sea necesario para completar el
// tamaño indicado en el primer parametro, si el segundo parametro no se especifica por defecto sera " "
"mi string".padEnd(15, ".")
>> "mi string......"
"mi string".padEnd(15)
>> "mi string      "

padStart(length, [stringToPad)
// retorna un nuevo string al cual se le agregara al comiezo del string del el segundo parametro (string) tantas veces como sea necesario para completar el
// tamaño indicado en el primer parametro, si el segundo parametro no se especifica por defecto sera " "
"mi string".padStart(15, ".")
>> "......mi string"
"mi string".padStart(15)
>> "      mi string"

replace(regex|subSrt, stringToReplace|function, [flags)
// retorna un nuevo string al cual se reemplazara el substring o la expresion regular pasada en el primer parametro con el segundo parametro
// tener cuidado con el tercer parametro ya que no todos los navegadores lo soportan, es mejor crear una expresion regular que ya contenga las banderas
var regex = new RegExp(/\d/, "g");
"mi perro tiene 23 años y va 2 dias al parque".replace(regex, '..');
>> "mi perro tiene .... años y va .. dias al parque"

replace(regex)
// retorna un nuevo string el cual indica la posicion de la primera coincidencia de nuestro string con la regex pasada como parametro
var regex = new RegExp(23);
"mi perro tiene 23 años y va 2 dias al parque".search(regex);
>> 15

******************************************************************************************************
*******************************************UTILS******************************************************

String.fromCodePoint(num1, ...., numN);
// metodo estatico, retorna un nuevo string con la representacion de caracteres ingresados como parametros
String.fromCodePoint(65,66,67);
>> "ABC"

miCadena.anchor('nombre_anchor')
// metodo para crear un anchor a partir de un string
let miCadena = 'texto a visualizar'
miCadena.anchor('nombre_anchor_html');
>> <a name="nombre_anchor_html">texto a visualizar</a>

miCadena.big()
// metodo para formatear y obtener un texto dentro de una etiqueta big
let miCadena = 'texto a visualizar';
miCadena.big()
>> <big>texto a visualizar</big>