1
00:00:01,210 --> 00:00:04,140
esta es la tercera y ultima parte

2
00:00:04,140 --> 00:00:06,133
de trabajar con cadenas.

3
00:00:07,580 --> 00:00:09,440
Y empecemos aprendiendo sobre

4
00:00:09,440 --> 00:00:14,330
uno de los métodos de cadena más potentes, que se divide.

5
00:00:14,330 --> 00:00:16,780
Entonces dividir nos permite dividir una cadena

6
00:00:16,780 --> 00:00:21,410
en varias partes en función de una cadena divisoria.

7
00:00:21,410 --> 00:00:23,630
Así que vamos a comprobar eso.

8
00:00:23,630 --> 00:00:25,910
Así que cualquier cadena funciona aquí,

9
00:00:25,910 --> 00:00:26,743
digamos

10
00:00:26,743 --> 00:00:31,453
Una+cuerda+muy+bonita.

11
00:00:33,570 --> 00:00:34,403
entonces digamos

12
00:00:34,403 --> 00:00:37,580
que por alguna razón tenemos una cadena como esta

13
00:00:37,580 --> 00:00:42,080
y ahora en esta cadena podemos llamar al método split.

14
00:00:42,080 --> 00:00:45,520
Aquí necesitamos especificar una cadena divisoria.

15
00:00:45,520 --> 00:00:47,680
Así que usemos más,

16
00:00:47,680 --> 00:00:50,710
y entonces lo que pasará ahora es que se dividirá

17
00:00:50,710 --> 00:00:54,500
esta cadena por este signo más

18
00:00:54,500 --> 00:00:56,530
y luego almacenará los resultados

19
00:00:56,530 --> 00:00:59,190
en elementos de una nueva matriz.

20
00:00:59,190 --> 00:01:00,940
Así que vamos a ver eso,

21
00:01:00,940 --> 00:01:05,930
y de hecho obtenemos una matriz que contiene A,

22
00:01:05,930 --> 00:01:09,360
y muy, y bonito, y cuerda.

23
00:01:09,360 --> 00:01:14,360
Básicamente, todo está dividido por esta cadena divisoria.

24
00:01:16,150 --> 00:01:18,160
Así que intentemos lo mismo

25
00:01:18,160 --> 00:01:19,833
con mi nombre.split.

26
00:01:26,070 --> 00:01:28,780
Entonces, el objetivo aquí es tener una matriz,

27
00:01:28,780 --> 00:01:32,120
que dos elementos, uno para cada nombre.

28
00:01:32,120 --> 00:01:34,910
Y así puedo dividir por el espacio.

29
00:01:34,910 --> 00:01:37,010
Y este es uno muy común.

30
00:01:37,010 --> 00:01:39,590
y así de hecho obtengo este resultado

31
00:01:39,590 --> 00:01:41,690
y esto es realmente útil.

32
00:01:41,690 --> 00:01:42,523
Ahora de hecho

33
00:01:42,523 --> 00:01:45,350
ahora podemos usar el poder de desestructuración

34
00:01:46,310 --> 00:01:49,163
para crear variables directamente como esta.

35
00:01:50,860 --> 00:01:55,370
Entonces puedo decir nombre y apellido.

36
00:01:56,230 --> 00:02:01,230
serán los resultados de esta escisión, ¿de acuerdo?

37
00:02:01,810 --> 00:02:05,550
Así que aquí vamos a crear una matriz con dos elementos.

38
00:02:05,550 --> 00:02:06,980
Y luego de esa matriz,

39
00:02:06,980 --> 00:02:10,300
el primero se va a tomar en el primer nombre

40
00:02:10,300 --> 00:02:14,023
y el segundo uno y dos apellido, ¿de acuerdo?

41
00:02:15,770 --> 00:02:18,930
Ahora podríamos haber hecho lo mismo con un método de corte

42
00:02:18,930 --> 00:02:21,760
pero eso hubiera sido mucho mas complicado

43
00:02:21,760 --> 00:02:25,130
y para oraciones más largas o casi imposibles

44
00:02:25,130 --> 00:02:28,300
y así es realmente sencillo.

45
00:02:28,300 --> 00:02:31,080
Bien, ahora digamos que queremos hacer

46
00:02:31,080 --> 00:02:34,580
el apellido en mayúsculas aquí.

47
00:02:34,580 --> 00:02:38,140
Y luego también queremos agregar un Mister al principio.

48
00:02:38,140 --> 00:02:41,680
Así que podríamos usar un literal de plantilla simple

49
00:02:41,680 --> 00:02:44,010
y haz lo que acabo de decir

50
00:02:44,010 --> 00:02:46,290
pero quiero mostrarte algo más aquí.

51
00:02:46,290 --> 00:02:48,210
Y ese es el método conjunto

52
00:02:48,210 --> 00:02:51,133
que es esencialmente lo contrario de split.

53
00:02:52,110 --> 00:02:54,100
Así que vamos a crear una matriz,

54
00:02:54,100 --> 00:02:56,540
que contiene todo lo que acabo de decir.

55
00:02:56,540 --> 00:02:58,933
Así que queremos empezar con el Sr.

56
00:02:59,800 --> 00:03:01,120
Luego el primer nombre

57
00:03:02,475 --> 00:03:05,970
y ese será el segundo elemento de esta matriz

58
00:03:05,970 --> 00:03:09,103
y luego el apellido en mayúsculas, ¿de acuerdo?

59
00:03:12,150 --> 00:03:13,880
Y ahora quiero unirme a esto

60
00:03:16,170 --> 00:03:19,740
y de nuevo podemos especificar una cadena divisoria

61
00:03:19,740 --> 00:03:23,840
y espero que ya puedas ver a dónde va esto.

62
00:03:23,840 --> 00:03:28,840
Así que almacenemos el resultado de esto en un nuevo nombre,

63
00:03:31,960 --> 00:03:34,623
y luego vamos a comprobarlo en la consola.

64
00:03:36,290 --> 00:03:38,960
Entonces, ¿cuál crees que será el resultado de esto?

65
00:03:38,960 --> 00:03:40,393
Así del método conjunto.

66
00:03:42,380 --> 00:03:46,580
Entonces, de hecho, ahora tenemos una cadena completa aquí.

67
00:03:46,580 --> 00:03:51,580
Entonces, una cadena compuesta por las tres partes de esta matriz

68
00:03:51,640 --> 00:03:56,430
y unidos por esta cadena de unión aquí básicamente.

69
00:03:56,430 --> 00:03:59,570
Y, por supuesto, podríamos haber usado cualquier otra cosa.

70
00:03:59,570 --> 00:04:01,853
Así que así, o incluso así.

71
00:04:02,940 --> 00:04:04,870
Así que cualquier cosa funciona aquí,

72
00:04:04,870 --> 00:04:07,130
pero lo que tiene sentido por supuesto en este caso

73
00:04:07,130 --> 00:04:09,320
es solo el espacio.

74
00:04:09,320 --> 00:04:14,040
Así que esta combinación de dividir y unir es realmente poderosa.

75
00:04:14,040 --> 00:04:16,800
y en realidad usaremos esto todo el tiempo

76
00:04:18,180 --> 00:04:23,180
así que divídanse y únanse, ¿de acuerdo?

77
00:04:23,550 --> 00:04:26,070
Y de hecho, podemos usar esto para algo.

78
00:04:26,070 --> 00:04:29,480
que ya hicimos en una de las conferencias anteriores

79
00:04:29,480 --> 00:04:31,623
que es poner en mayúscula un nombre.

80
00:04:32,780 --> 00:04:36,160
Pero ahora con esto lo hace realmente fácil.

81
00:04:36,160 --> 00:04:40,683
para poner en mayúscula un nombre completo con varios nombres allí.

82
00:04:42,400 --> 00:04:45,100
Así que digamos que este pasajero se llama

83
00:04:46,350 --> 00:04:51,350
Jessica Ann Smith Davis.

84
00:04:51,640 --> 00:04:55,670
Entonces, ¿cómo pondremos en mayúscula este nombre aquí?

85
00:04:55,670 --> 00:04:58,090
Y en realidad vamos a escribir una función.

86
00:04:58,090 --> 00:05:00,181
Así que eso es un poco más agradable.

87
00:05:00,181 --> 00:05:04,203
Así que const escribe el nombre en mayúscula,

88
00:05:05,270 --> 00:05:09,030
que es una función que recibe un nombre

89
00:05:09,030 --> 00:05:11,030
y luego hará algo con eso.

90
00:05:12,090 --> 00:05:17,090
Entonces, escribamos el nombre en mayúscula aquí con esa cadena en su lugar.

91
00:05:18,470 --> 00:05:21,403
Y luego también podemos llamarlo con algún otro nombre.

92
00:05:22,680 --> 00:05:24,253
Así que mi nombre, por ejemplo,

93
00:05:25,260 --> 00:05:27,923
y puede usar su propio nombre aquí, por supuesto.

94
00:05:28,840 --> 00:05:33,600
Entonces, ¿cuál es la estrategia para capitalizar todo este nombre?

95
00:05:33,600 --> 00:05:37,020
Y por cierto lo que quiero decir aquí es transformar

96
00:05:37,020 --> 00:05:41,090
la primera letra de cada nombre en mayúscula.

97
00:05:41,090 --> 00:05:44,650
Así que aquí Jonas, y luego este aquí Schmedtmnan

98
00:05:44,650 --> 00:05:48,643
con esta S mayúscula ¿de acuerdo?

99
00:05:49,670 --> 00:05:52,300
Bueno, tenemos varias palabras aquí,

100
00:05:52,300 --> 00:05:56,020
por lo que tendremos que capitalizarlos todos uno a uno.

101
00:05:56,020 --> 00:05:57,180
Y para hacer eso,

102
00:05:57,180 --> 00:06:00,660
sería bueno tenerlos dentro de una matriz

103
00:06:00,660 --> 00:06:02,830
que luego podemos recorrer.

104
00:06:02,830 --> 00:06:06,133
Y ahora podemos usar el método de división para eso.

105
00:06:08,010 --> 00:06:13,010
Así que digamos que nombres es igual a nombre, dividido por el espacio.

106
00:06:18,380 --> 00:06:22,940
Entonces, esto será una matriz y ahora podemos hacer un bucle.

107
00:06:22,940 --> 00:06:26,660
sobre esa matriz usando el bucle four off.

108
00:06:26,660 --> 00:06:30,040
Entonces constante, llamemos a esta palabra

109
00:06:31,420 --> 00:06:36,420
de nombres o llamémoslo N que significa nombre,

110
00:06:37,170 --> 00:06:39,060
pero no puedo reutilizar el nombre

111
00:06:39,060 --> 00:06:41,650
porque eso anularía esto

112
00:06:41,650 --> 00:06:46,540
ingrese aquí y eso es una mala práctica, ¿de acuerdo?

113
00:06:46,540 --> 00:06:51,190
Y ahora aquí pondremos este nombre en mayúsculas.

114
00:06:51,190 --> 00:06:52,980
Así que este nombre individual.

115
00:06:52,980 --> 00:06:55,570
Así que recuerda cómo lo hicimos en la última lección.

116
00:06:56,570 --> 00:07:00,370
tomamos la primera letra y la convertimos a mayúscula

117
00:07:02,300 --> 00:07:06,650
y luego lo unió con básicamente el resto de la palabra.

118
00:07:06,650 --> 00:07:09,830
Así que eso es N.slice

119
00:07:11,140 --> 00:07:13,790
comenzando desde la posición número uno.

120
00:07:13,790 --> 00:07:16,270
Así que todo menos la primera letra.

121
00:07:16,270 --> 00:07:19,330
cuál es la letra número cero, ¿de acuerdo?

122
00:07:19,330 --> 00:07:21,950
¿Y ahora qué debemos hacer con esto?

123
00:07:21,950 --> 00:07:26,200
Bueno, creo que deberíamos llevar esto a una nueva matriz.

124
00:07:26,200 --> 00:07:28,960
para que al final terminemos con una matriz

125
00:07:28,960 --> 00:07:30,540
con todos los nombres en mayúscula

126
00:07:30,540 --> 00:07:32,963
y luego podemos unir esa matriz.

127
00:07:34,410 --> 00:07:38,240
Así que digamos nombres constantes superiores

128
00:07:40,750 --> 00:07:43,380
e iniciarlo como una matriz vacía.

129
00:07:43,380 --> 00:07:44,740
Y luego en cada iteración

130
00:07:44,740 --> 00:07:48,153
simplemente empujaremos en esta matriz.

131
00:07:50,930 --> 00:07:54,930
Así que te suena bien, ¿de acuerdo?

132
00:07:54,930 --> 00:07:56,150
Y ahora al final,

133
00:07:56,150 --> 00:08:00,593
Entonces registrémonos en los nombres de la consola, arriba.

134
00:08:01,530 --> 00:08:04,950
Y ahora tenemos que volver a unir esa matriz

135
00:08:04,950 --> 00:08:08,893
usando un espacio como separador, ¿de acuerdo?

136
00:08:10,520 --> 00:08:13,660
Así que aquí practicamos muchos métodos diferentes

137
00:08:13,660 --> 00:08:15,660
todo en una función.

138
00:08:15,660 --> 00:08:18,750
Así que este es un gran caso de uso.

139
00:08:18,750 --> 00:08:23,240
Así que vamos a intentarlo ahora y de hecho funcionó.

140
00:08:23,240 --> 00:08:25,210
Tan genial, ¿verdad?

141
00:08:25,210 --> 00:08:28,920
No importa qué tan largo sea el nombre que introducimos en la función

142
00:08:28,920 --> 00:08:31,403
siempre nos dará la salida correcta.

143
00:08:32,370 --> 00:08:34,940
Ahora aquí hay un pequeño desafío para ti.

144
00:08:34,940 --> 00:08:38,800
porque hay otra manera de hacer esto.

145
00:08:38,800 --> 00:08:43,430
Así que básicamente de hacer las mayúsculas de un nombre.

146
00:08:43,430 --> 00:08:45,340
Así que dado lo que ya aprendimos

147
00:08:45,340 --> 00:08:47,230
y especialmente en la última conferencia

148
00:08:47,230 --> 00:08:50,370
¿Puedes pensar en una manera diferente de hacer esto?

149
00:08:50,370 --> 00:08:52,780
Y si no puedes, no es un problema en absoluto.

150
00:08:52,780 --> 00:08:55,840
pero tal vez puedas pausar el video aquí por un minuto o dos

151
00:08:55,840 --> 00:08:57,970
y piensa en esto.

152
00:08:57,970 --> 00:09:00,870
Así que déjame mostrártelo rápidamente,

153
00:09:00,870 --> 00:09:03,450
porque creo que esto es muy interesante

154
00:09:03,450 --> 00:09:06,993
que tenemos diferentes maneras de lograr lo mismo.

155
00:09:08,440 --> 00:09:12,350
Entonces, esta vez, ¿qué insertaremos en la matriz aquí?

156
00:09:12,350 --> 00:09:17,350
es simplemente N y luego reemplazamos la primera letra

157
00:09:18,540 --> 00:09:21,020
con la primera letra en mayúscula.

158
00:09:21,020 --> 00:09:22,203
Así que déjame escribir eso.

159
00:09:23,120 --> 00:09:25,750
Así que eso es N en la posición cero

160
00:09:26,870 --> 00:09:31,870
y reemplazado con N en la posición cero a mayúsculas

161
00:09:34,400 --> 00:09:38,223
vamos a intentarlo y obtenemos el mismo resultado, ¿de acuerdo?

162
00:09:39,110 --> 00:09:42,380
Así que de nuevo, estamos aquí simplemente tomando la palabra

163
00:09:42,380 --> 00:09:44,803
y luego reemplazamos el primer carácter.

164
00:09:45,720 --> 00:09:47,740
Así que eso es N en la posición cero

165
00:09:47,740 --> 00:09:50,593
con el primer carácter en mayúsculas.

166
00:09:51,970 --> 00:09:54,230
Así que ese es un enfoque completamente diferente.

167
00:09:54,230 --> 00:09:55,710
que este de aquí,

168
00:09:55,710 --> 00:09:57,343
pero nos da el mismo resultado.

169
00:09:59,910 --> 00:10:04,420
Ahora, a continuación, hablemos sobre el relleno de una cadena.

170
00:10:04,420 --> 00:10:06,110
Ahora rellenar una cadena significa

171
00:10:06,110 --> 00:10:09,410
para agregar un número de caracteres a la cadena

172
00:10:09,410 --> 00:10:12,703
hasta que la cuerda tenga una cierta longitud deseada.

173
00:10:13,850 --> 00:10:16,000
así que relleno

174
00:10:18,230 --> 00:10:20,470
y vamos a crear un mensaje aquí

175
00:10:21,910 --> 00:10:24,743
ir a la puerta 23.

176
00:10:25,860 --> 00:10:29,690
Así que ahora echemos un vistazo al relleno aquí.

177
00:10:29,690 --> 00:10:32,380
Así que tomaré el mensaje,

178
00:10:32,380 --> 00:10:34,200
y luego puedo decir padstart

179
00:10:35,695 --> 00:10:38,030
y entonces esto agregará algunos caracteres

180
00:10:38,030 --> 00:10:40,260
al principio de la cadena.

181
00:10:40,260 --> 00:10:42,420
Y el primer argumento aquí es el

182
00:10:42,420 --> 00:10:45,010
longitud que queremos para la cadena.

183
00:10:45,010 --> 00:10:48,550
Digamos que queremos que tenga 25 caracteres,

184
00:10:48,550 --> 00:10:49,863
así que después del relleno.

185
00:10:50,950 --> 00:10:52,520
Y luego el personaje que

186
00:10:52,520 --> 00:10:54,733
queremos rellenar la cuerda con.

187
00:10:55,630 --> 00:10:57,580
Así que usemos más

188
00:10:57,580 --> 00:11:02,370
y vamos a echar un vistazo, ¿de acuerdo?

189
00:11:02,370 --> 00:11:04,070
Y así lo verás en la edición.

190
00:11:04,070 --> 00:11:05,263
todos estos aquí.

191
00:11:06,530 --> 00:11:07,810
Y ahora la longitud

192
00:11:07,810 --> 00:11:09,930
de toda esta cadena aquí

193
00:11:09,930 --> 00:11:12,693
debe ser 25, ¿de acuerdo?

194
00:11:13,750 --> 00:11:15,510
Así que déjame mostrarte eso

195
00:11:15,510 --> 00:11:16,913
con otra cadena aquí.

196
00:11:17,750 --> 00:11:19,170
Así que si digo Jonas,

197
00:11:19,170 --> 00:11:20,203
y luego lo mismo,

198
00:11:21,890 --> 00:11:24,490
verias que agregaria mucho mas

199
00:11:24,490 --> 00:11:26,120
de los signos más

200
00:11:26,120 --> 00:11:28,383
porque la cadena inicial es más corta.

201
00:11:29,820 --> 00:11:31,530
Así te ves,

202
00:11:31,530 --> 00:11:33,550
ahora tenemos muchas más ventajas

203
00:11:33,550 --> 00:11:34,720
pero al final

204
00:11:34,720 --> 00:11:37,000
la cadena también es un 25

205
00:11:37,000 --> 00:11:38,430
o en realidad 23

206
00:11:38,430 --> 00:11:39,893
así que error aquí.

207
00:11:41,460 --> 00:11:44,220
Así que ahora la cuerda también tiene 25 de largo.

208
00:11:44,220 --> 00:11:45,460
Y entonces vemos aquí en este

209
00:11:45,460 --> 00:11:47,490
tiene exactamente la misma longitud

210
00:11:47,490 --> 00:11:51,250
como este de aquí en la consola, ¿vale?

211
00:11:51,250 --> 00:11:54,050
Luego también está la almohadilla ENT.

212
00:11:54,050 --> 00:11:56,420
Y ahora podemos tomar el resultado de esto,

213
00:11:56,420 --> 00:11:59,903
e inmediatamente también rellenar el final de la cuerda.

214
00:12:01,100 --> 00:12:04,600
Así que el final de la almohadilla

215
00:12:04,600 --> 00:12:06,000
y ahora hagámoslo más largo

216
00:12:07,900 --> 00:12:10,600
y luego otra vez el signo más.

217
00:12:10,600 --> 00:12:12,460
Entonces esto básicamente agregará

218
00:12:12,460 --> 00:12:15,120
10 puntos a favor hasta el final de la cadena

219
00:12:15,120 --> 00:12:17,880
porque el resultado de esta cadena aquí

220
00:12:17,880 --> 00:12:21,420
ya tiene 25 caracteres, ¿verdad?

221
00:12:21,420 --> 00:12:22,810
Y así en este

222
00:12:22,810 --> 00:12:24,890
luego lo acariciamos todo el camino

223
00:12:24,890 --> 00:12:29,010
hasta la longitud de 35 con algunas ventajas más,

224
00:12:29,010 --> 00:12:32,410
y entonces vamos a agregar 10 de ellos.

225
00:12:32,410 --> 00:12:33,600
Hagamos un 30,

226
00:12:33,600 --> 00:12:35,063
para que podamos ver fácilmente que,

227
00:12:35,920 --> 00:12:40,171
y así, de hecho, ahora agregó cinco de ellos aquí.

228
00:12:40,171 --> 00:12:42,490
Y sólo por el bien de la terminación

229
00:12:43,330 --> 00:12:45,800
hagamos lo mismo aquí con mi nombre

230
00:12:47,180 --> 00:12:49,640
y esta aquí recién a las 20

231
00:12:49,640 --> 00:12:51,853
para que quede un poco mas parejo

232
00:12:53,630 --> 00:12:54,910
¿está bien?

233
00:12:54,910 --> 00:12:57,260
Pero ahora vamos a usar un más

234
00:12:57,260 --> 00:13:00,060
ejemplo del mundo real de relleno aquí.

235
00:13:00,060 --> 00:13:03,450
Entonces, cuando vea un número de tarjeta de crédito en Internet,

236
00:13:03,450 --> 00:13:06,760
nunca ves el número completo, ¿verdad?

237
00:13:06,760 --> 00:13:09,520
Por lo general, vemos los últimos cuatro dígitos

238
00:13:09,520 --> 00:13:12,720
y el resto se enmascara con algún símbolo.

239
00:13:12,720 --> 00:13:15,840
Así que vamos a implementar una función que

240
00:13:15,840 --> 00:13:17,713
en realidad hace ese enmascaramiento.

241
00:13:18,910 --> 00:13:20,893
Así que esto va a ser muy interesante.

242
00:13:22,130 --> 00:13:25,480
Esta es una gran aplicación de métodos de cadena.

243
00:13:25,480 --> 00:13:29,130
Así que enmascare la función de las tarjetas de crédito.

244
00:13:29,130 --> 00:13:32,750
Entonces vamos a recibir un número, ¿de acuerdo?

245
00:13:32,750 --> 00:13:34,900
Así que un número real

246
00:13:34,900 --> 00:13:37,683
y comencemos convirtiendo este número en una cadena.

247
00:13:39,500 --> 00:13:40,633
tan cuerda,

248
00:13:41,980 --> 00:13:45,090
ahora aprendimos cómo convertir un número en una cadena

249
00:13:45,090 --> 00:13:47,840
en la sección fundamental, ¿no?

250
00:13:47,840 --> 00:13:52,360
Entonces eso fue así, ¿recuerdas?

251
00:13:52,360 --> 00:13:54,320
Sin embargo, hay un buen truco.

252
00:13:54,320 --> 00:13:57,220
que en realidad hace que esto sea más fácil para nosotros.

253
00:13:57,220 --> 00:13:59,000
Así que podemos tomar el número

254
00:13:59,900 --> 00:14:02,823
y luego agregamos una cadena vacía.

255
00:14:03,960 --> 00:14:05,300
Y así el resultado de esto

256
00:14:05,300 --> 00:14:06,960
sera el numero

257
00:14:06,960 --> 00:14:07,793
pero como una cadena.

258
00:14:07,793 --> 00:14:09,570
y esto funciona

259
00:14:09,570 --> 00:14:11,950
porque como espero que recuerdes

260
00:14:11,950 --> 00:14:15,740
cuando uno de los operandos del signo más es una cadena

261
00:14:15,740 --> 00:14:19,230
convertirá todos los operandos en una cadena.

262
00:14:19,230 --> 00:14:22,530
Y entonces este número se convertirá en una cadena

263
00:14:22,530 --> 00:14:24,400
más la cadena vacía

264
00:14:24,400 --> 00:14:27,950
y entonces va a quedar exactamente igual, está bien.

265
00:14:27,950 --> 00:14:32,230
Así que para saber qué debemos hacer aquí

266
00:14:32,230 --> 00:14:33,860
vamos una vez más

267
00:14:33,860 --> 00:14:35,490
primero llama a la función

268
00:14:35,490 --> 00:14:37,750
antes de que lo escribamos

269
00:14:37,750 --> 00:14:40,223
para que sepamos qué tipo de entrada obtenemos.

270
00:14:41,060 --> 00:14:44,370
Así que enmascare la tarjeta de crédito

271
00:14:44,370 --> 00:14:48,880
y digamos, ahora el numero es este

272
00:14:48,880 --> 00:14:51,030
y solo estoy poniendo algo al azar aquí.

273
00:14:53,459 --> 00:14:56,660
Pero, por supuesto, también funcionará con cadenas.

274
00:14:59,820 --> 00:15:03,230
y no importa cuánto tiempo sea, ¿de acuerdo?

275
00:15:03,230 --> 00:15:04,750
Entonces, como estaba diciendo,

276
00:15:04,750 --> 00:15:06,280
generalmente en internet

277
00:15:06,280 --> 00:15:09,350
solo podemos ver estos últimos cuatro dígitos

278
00:15:09,350 --> 00:15:12,180
y el resto está enmascarado por algún símbolo.

279
00:15:12,180 --> 00:15:13,750
Entonces, ¿qué tenemos que hacer aquí?

280
00:15:13,750 --> 00:15:17,230
es básicamente sacar estos cuatro números

281
00:15:17,230 --> 00:15:18,705
y luego usa padstart

282
00:15:18,705 --> 00:15:21,810
para crear una cadena con la misma longitud

283
00:15:21,810 --> 00:15:23,770
como este número inicial aquí

284
00:15:23,770 --> 00:15:26,720
pero con algún tipo de símbolo allí.

285
00:15:26,720 --> 00:15:30,470
Así que déjame escribir eso en código,

286
00:15:30,470 --> 00:15:32,473
y luego espero que quede claro.

287
00:15:34,200 --> 00:15:38,853
Así que vamos a tomar los últimos cuatro caracteres de la cadena.

288
00:15:40,020 --> 00:15:42,200
Entonces, usamos slice

289
00:15:42,200 --> 00:15:45,513
con un parámetro negativo nuevamente de menos cuatro.

290
00:15:47,610 --> 00:15:50,570
Y ahora aquí está lo que vamos a devolver,

291
00:15:50,570 --> 00:15:53,140
volveremos un último.

292
00:15:53,140 --> 00:15:56,473
Esos son solo estos cuatro personajes.

293
00:15:58,820 --> 00:16:02,162
Y luego lo rellenaremos al principio.

294
00:16:02,162 --> 00:16:06,520
todo el camino hasta la longitud original de la cadena.

295
00:16:06,520 --> 00:16:08,740
Entonces cadena.longitud

296
00:16:09,950 --> 00:16:14,950
y el personaje que vamos a usar será esta estrella, ¿de acuerdo?

297
00:16:15,530 --> 00:16:18,090
Y así desde que devolvimos algo

298
00:16:18,090 --> 00:16:20,720
para hacer esta función un poco más real

299
00:16:20,720 --> 00:16:23,830
ahora necesitamos bloquear el resultado en la consola

300
00:16:29,530 --> 00:16:31,670
y para empezar vamos a hacer

301
00:16:31,670 --> 00:16:33,390
una versión un poco más simple

302
00:16:33,390 --> 00:16:35,630
para que veamos que realmente funcionó.

303
00:16:35,630 --> 00:16:37,070
Así que un número más corto aquí

304
00:16:37,070 --> 00:16:39,040
con sólo ocho dígitos.

305
00:16:39,040 --> 00:16:42,230
Y así el final debería ser 7836

306
00:16:42,230 --> 00:16:44,970
y luego comenzando con cuatro estrellas.

307
00:16:44,970 --> 00:16:45,803
Así que vamos a ver,

308
00:16:47,050 --> 00:16:49,453
y sí, eso funcionó muy bien,

309
00:16:51,060 --> 00:16:52,180
¿bien?

310
00:16:52,180 --> 00:16:54,640
Así que de nuevo, tomamos los últimos cuatro aquí

311
00:16:54,640 --> 00:16:56,890
y luego rellenamos el resto de la cuerda

312
00:16:56,890 --> 00:17:00,150
hasta que coincida con la longitud original de la cadena

313
00:17:00,150 --> 00:17:04,530
que era ocho y por lo tanto se añadieron cuatro estrellas.

314
00:17:04,530 --> 00:17:07,530
Y lo mismo aquí ya lo mismo aquí.

315
00:17:07,530 --> 00:17:08,470
Impresionante.

316
00:17:08,470 --> 00:17:11,990
Esa es una aplicación realmente fantástica.

317
00:17:11,990 --> 00:17:14,800
de este método, creo.

318
00:17:14,800 --> 00:17:17,720
Y ahora para terminar el último método simple que quiero

319
00:17:17,720 --> 00:17:20,690
mostrarle es el método de repetición.

320
00:17:20,690 --> 00:17:21,960
así que repite

321
00:17:25,310 --> 00:17:26,600
y como dice el nombre

322
00:17:26,600 --> 00:17:28,827
este simplemente nos permite repetir

323
00:17:28,827 --> 00:17:31,740
la misma cadena varias veces.

324
00:17:31,740 --> 00:17:36,150
Así que digamos que hay mal tiempo en el aeropuerto de Wen.

325
00:17:36,150 --> 00:17:37,120
Así que cuando eso sucede

326
00:17:37,120 --> 00:17:41,260
suelen tener esos mensajes largos en la pantalla,

327
00:17:41,260 --> 00:17:43,820
como con los textos repitiendo

328
00:17:43,820 --> 00:17:47,540
que luego sigue ejecutándose y repitiéndose todo el tiempo.

329
00:17:47,540 --> 00:17:49,410
Así que llamemos a este mensaje.

330
00:17:49,410 --> 00:17:50,520
Así que llamémoslo mensaje dos

331
00:17:50,520 --> 00:17:52,363
ya tenemos un mensaje ahí arriba.

332
00:17:53,270 --> 00:17:56,170
Así que digamos mal tiempo

333
00:17:57,850 --> 00:18:00,420
todas las salidas

334
00:18:02,980 --> 00:18:06,230
retrasado, ¿de acuerdo?

335
00:18:06,230 --> 00:18:08,450
Y ahora queremos

336
00:18:08,450 --> 00:18:10,610
básicamente crear una cadena más grande

337
00:18:10,610 --> 00:18:13,660
repitiendo este aquí varias veces.

338
00:18:13,660 --> 00:18:16,010
Así que eso es bastante fácil.

339
00:18:16,010 --> 00:18:17,960
Solo tomamos esta cadena

340
00:18:19,670 --> 00:18:20,623
repetición de llamada,

341
00:18:21,500 --> 00:18:23,570
así que repite

342
00:18:23,570 --> 00:18:26,360
y luego el número de veces que queremos repetirlo,

343
00:18:26,360 --> 00:18:28,010
digamos cinco

344
00:18:28,010 --> 00:18:29,940
y ahí está

345
00:18:29,940 --> 00:18:32,460
Así que todo esto es la misma cadena larga

346
00:18:32,460 --> 00:18:35,473
y solo debemos agregar un espacio aquí al final.

347
00:18:37,206 --> 00:18:38,600
Y así verás

348
00:18:38,600 --> 00:18:40,530
ahora puedes verlo aún mejor.

349
00:18:40,530 --> 00:18:42,630
Que todo es solo una gran cadena

350
00:18:42,630 --> 00:18:46,640
con el mismo mensaje repitiéndose una y otra vez.

351
00:18:46,640 --> 00:18:48,950
O también podemos simular

352
00:18:48,950 --> 00:18:51,330
que por el mal tiempo

353
00:18:51,330 --> 00:18:56,330
ahora hay muchos aviones esperando en fila para despegar.

354
00:18:56,360 --> 00:18:59,750
Así que vamos a crear una función divertida para eso.

355
00:18:59,750 --> 00:19:02,290
Así que aviones en línea

356
00:19:04,750 --> 00:19:06,393
y aquí el número de aviones.

357
00:19:09,220 --> 00:19:11,270
Entonces consola.log

358
00:19:11,270 --> 00:19:16,270
hay N planos en línea.

359
00:19:18,950 --> 00:19:21,940
Y luego aquí podemos mostrar que

360
00:19:21,940 --> 00:19:25,203
gráficamente usando un emoji como este,

361
00:19:26,420 --> 00:19:28,520
digamos claro,

362
00:19:28,520 --> 00:19:30,440
Voy a usar este.

363
00:19:30,440 --> 00:19:34,610
Y entonces esto aquí de hecho cuenta como una cadena.

364
00:19:34,610 --> 00:19:36,640
Así que vamos a crear una cadena con eso

365
00:19:36,640 --> 00:19:37,743
y luego repetirlo.

366
00:19:39,230 --> 00:19:41,590
Y lo repetiremos tantas veces

367
00:19:41,590 --> 00:19:43,573
ya que hay aviones esperando.

368
00:19:45,960 --> 00:19:47,570
Así que aviones en línea

369
00:19:48,600 --> 00:19:50,123
aquí tenemos cinco esperando,

370
00:19:51,010 --> 00:19:53,480
entonces hagámoslo en otro aeropuerto

371
00:19:53,480 --> 00:19:56,170
donde solo hay tres aviones esperando

372
00:19:57,353 --> 00:19:58,373
y luego 12

373
00:20:00,360 --> 00:20:04,950
De hecho, ahora tenemos cinco aviones aquí, tres

374
00:20:04,950 --> 00:20:07,793
y aquí, 12 aviones, ¿de acuerdo?

375
00:20:09,550 --> 00:20:11,620
Está bien, genial.

376
00:20:11,620 --> 00:20:13,090
Ahora no hablamos de

377
00:20:13,090 --> 00:20:15,940
todos estos métodos de cadena que existen

378
00:20:15,940 --> 00:20:17,940
pero si quieres echarles un vistazo,

379
00:20:17,940 --> 00:20:19,773
puedes hacerlo en MDN.

380
00:20:21,720 --> 00:20:24,380
Y lo que me gusta hacer es simplemente buscar

381
00:20:24,380 --> 00:20:26,530
para uno de los métodos,

382
00:20:26,530 --> 00:20:28,940
digamos, reemplazo de cadena

383
00:20:30,500 --> 00:20:34,600
y luego eso me llevará a esa página de reemplazar

384
00:20:34,600 --> 00:20:36,233
porque entonces en el lado izquierdo,

385
00:20:37,100 --> 00:20:39,863
al menos cuando la ventana es un poco más grande.

386
00:20:41,390 --> 00:20:43,350
Entonces aquí podemos ver todo

387
00:20:43,350 --> 00:20:47,330
de los diferentes métodos de cadenas que podemos utilizar.

388
00:20:47,330 --> 00:20:52,330
Así que usamos split, slice, repeat, padstart, pad end.

389
00:20:53,410 --> 00:20:56,080
Pero como puedes ver, hay aún más aquí.

390
00:20:57,010 --> 00:21:01,173
pero en realidad hablamos de todos los más importantes.

391
00:21:02,250 --> 00:21:04,830
Tal vez uno que puedas revisar es

392
00:21:06,190 --> 00:21:07,023
vamos a ver

393
00:21:08,910 --> 00:21:10,780
concat tal vez

394
00:21:10,780 --> 00:21:14,483
o debería llamarse uno al revés.

395
00:21:17,270 --> 00:21:19,153
Bueno, en realidad no está aquí,

396
00:21:20,460 --> 00:21:22,620
pero en fin, como ves hablamos de

397
00:21:22,620 --> 00:21:26,060
la mayoría de los métodos de cadena más importantes aquí.

398
00:21:26,060 --> 00:21:28,220
Así que espero que te hayas divertido con esto.

399
00:21:28,220 --> 00:21:30,440
y te veo en el proximo video

400
00:21:30,440 --> 00:21:32,830
donde entonces tenemos un desafío

401
00:21:32,830 --> 00:21:34,650
donde puedes usar todos

402
00:21:34,650 --> 00:21:36,610
este conocimiento que acabas de adquirir aquí

403
00:21:36,610 --> 00:21:38,543
en los últimos tres videos.