1
00:00:00,320 --> 00:00:05,640
En este video vamos a aprender acerca de unos pocos métodos de Array incorporados que vienen con cada

2
00:00:05,880 --> 00:00:09,600
matriz y que harán que las matrices sean aún más útiles para nosotros.

3
00:00:09,660 --> 00:00:12,020
Hay seis métodos que vamos a cubrir aquí.

4
00:00:12,390 --> 00:00:18,090
Dos de ellos están emparejados, por lo que push y pop son un par y luego shift y upshift también son un par.

5
00:00:18,600 --> 00:00:21,900
Y luego vamos a hablar de index of y slice.

6
00:00:21,930 --> 00:00:28,440
Entonces, antes de sumergirme en eso, quiero mostrarle una red de desarrolladores de Mozilla vacía en

7
00:00:28,440 --> 00:00:33,910
la página para Auray, en el lado izquierdo, puede ver una sección de métodos.

8
00:00:34,110 --> 00:00:37,590
Y estos son todos los métodos integrados con los que viene cada conjunto.

9
00:00:37,590 --> 00:00:41,420
Solo cubriremos seis de estos, pero son los seis más importantes.

10
00:00:41,580 --> 00:00:45,990
Hay bastantes que probablemente nunca necesitará usar aunque hay algunos que

11
00:00:45,990 --> 00:00:47,650
cubriremos en videos futuros.

12
00:00:48,060 --> 00:00:50,250
Así que solo quería mostrarles que pueden verlos a todos aquí.

13
00:00:50,280 --> 00:00:55,200
Y luego, si quisieras aprender sobre una porción similar, podrías abrirla.

14
00:00:55,440 --> 00:01:01,370
Hay una gran explicación y también hay ejemplos en la parte inferior de la página.

15
00:01:01,470 --> 00:01:06,570
Regresemos a nuestras diapositivas y empecemos hablando de push y pop.

16
00:01:06,570 --> 00:01:15,690
tres colores rojo naranja y amarillo, y si quiero agregar un cuarto color verde, primero necesito averiguar a qué índice agregarlo.

17
00:01:15,900 --> 00:01:22,950
Entonces, lo que vimos la última vez fue que si hacemos una matriz como colores y

18
00:01:22,950 --> 00:01:23,760
le doy

19
00:01:23,760 --> 00:01:27,240
Entonces contaría 0 1 2.

20
00:01:27,540 --> 00:01:30,920
Entonces sabría que el próximo índice sería 3.

21
00:01:31,350 --> 00:01:35,210
Entonces podría escribir colores tres iguales al verde.

22
00:01:36,060 --> 00:01:40,440
Y esto no es genial porque tengo que seguir contando o tengo que hacer un seguimiento de ese número.

23
00:01:40,470 --> 00:01:44,910
Entonces, si quiero agregar azul, ahora tengo que averiguar cuántos elementos hay en la matriz.

24
00:01:45,240 --> 00:01:46,500
Entonces hay cuatro.

25
00:01:46,500 --> 00:01:52,920
Entonces sé que necesito hacer colores de cuatro iguales a azul.

26
00:01:53,960 --> 00:01:57,510
Sin embargo, hay un método integrado que hace que esto sea mucho más fácil.

27
00:01:57,510 --> 00:02:01,830
Esto es algo que hacemos mucho, que es empujar a una matriz.

28
00:02:02,010 --> 00:02:06,980
Entonces push se refiere a agregar algo al final de una matriz.

29
00:02:07,110 --> 00:02:13,650
En este ejemplo, puedes ver que también tenemos un Rayo de color y presionar para agregar verde hasta el

30
00:02:13,650 --> 00:02:16,550
final, escribimos el empuje de puntos de colores.

31
00:02:16,710 --> 00:02:19,920
Y luego entre paréntesis, pasamos en verde.

32
00:02:19,980 --> 00:02:21,460
Así que lo probaré aquí.

33
00:02:21,670 --> 00:02:25,300
Stub push y voy a agregar índigo hasta el final.

34
00:02:25,590 --> 00:02:30,870
Y al igual que las funciones que nos hemos escrito, debemos poner paréntesis para llamar realmente a push.

35
00:02:31,350 --> 00:02:35,900
Y luego pasamos en índigo como argumento.

36
00:02:36,930 --> 00:02:44,490
Y si pulso Enter NOW y miro los colores, verá que Indigo se agregó al final y ni siquiera tuve que

37
00:02:44,490 --> 00:02:50,050
especificar qué índice agregarlo a push siempre sabe dónde está el final de la matriz.

38
00:02:50,100 --> 00:02:53,330
Y agrega todo lo que pase hasta el final.

39
00:02:53,370 --> 00:02:59,050
Push también devuelve la longitud de la matriz después de que se haya agregado su nuevo elemento.

40
00:02:59,400 --> 00:03:05,010
Entonces puede ver que esto devuelve 6 y tenemos 1 2 3 4 5 6 artículos.

41
00:03:05,610 --> 00:03:12,920
Así que empujaré una vez más los colores push y haré Violet y verán que devuelve 7.

42
00:03:13,380 --> 00:03:18,480
Entonces podemos usarlo ocasionalmente si queremos guardar ese valor en una variable.

43
00:03:18,480 --> 00:03:22,410
El siguiente es el método SR de push que es pop.

44
00:03:22,410 --> 00:03:27,810
Así que pop hace todo lo contrario, ya que elimina el último elemento de una matriz.

45
00:03:27,810 --> 00:03:29,380
Entonces te mostraré cómo lo usamos.

46
00:03:29,400 --> 00:03:34,090
No toma ningún argumento, solo escribimos colores pop.

47
00:03:34,380 --> 00:03:38,040
Y si pulso enter aquí, verá dos cosas.

48
00:03:38,160 --> 00:03:45,300
último elemento de la matriz que era violento y si miro los colores, ahora no tiene violeta.

49
00:03:45,300 --> 00:03:46,980
Uno me devuelve el

50
00:03:46,980 --> 00:03:51,320
Así que usamos pop para eliminar cosas de una matriz y luego hacemos algo con ellas.

51
00:03:51,600 --> 00:03:56,790
Entonces push toma un argumento y lo agregará al final de una matriz y devolverá la longitud de esa matriz.

52
00:03:57,450 --> 00:04:03,960
Y Pop no toma argumento y devuelve el último elemento de la matriz que elimina.

53
00:04:03,960 --> 00:04:06,210
A continuación tenemos cambio y cambio.

54
00:04:06,450 --> 00:04:12,330
Y estos son un par como push y pop y funcionan de manera muy similar, excepto en lugar de agregar y

55
00:04:12,330 --> 00:04:16,960
eliminar hasta el final de la matriz que agregan y eliminan desde el comienzo de la matriz.

56
00:04:17,040 --> 00:04:22,170
originan, provienen de estas estructuras de datos llamadas Stacks y Qs que existen en otros lenguajes de programación.

57
00:04:22,170 --> 00:04:27,150
Si tiene curiosidad acerca de dónde se originan los nombres y sus desplazamientos, o hacia dónde se

58
00:04:27,210 --> 00:04:28,710
Entonces son como restos.

59
00:04:28,860 --> 00:04:33,800
Existen principalmente porque se han utilizado durante mucho tiempo en otros lenguajes de programación.

60
00:04:34,530 --> 00:04:39,270
Entonces, como mencioné, el cambio a no cambio es lo opuesto al empuje y el pop.

61
00:04:39,270 --> 00:04:45,600
Así que podemos usar un cambio para agregar al frente de una matriz y creo que es confuso que se

62
00:04:45,690 --> 00:04:48,170
llame cambio cuando realmente se está agregando algo.

63
00:04:48,450 --> 00:04:49,700
Pero así es como es.

64
00:04:49,860 --> 00:04:55,800
la matriz, podría utilizar los colores para comenzar en el cambio de infrarrojos y eso se agregará al principio.

65
00:04:55,800 --> 00:05:00,430
Para que pueda ver un ejemplo aquí si quisiera agregar rojo infrarrojo al comienzo de

66
00:05:01,420 --> 00:05:07,220
También tengo shift que elimina el primer elemento de la matriz y devuelve ese elemento.

67
00:05:07,550 --> 00:05:14,030
Para que pueda ver que tengo colores y si quisiera eliminar el rojo, cambiaría el desplazamiento de puntos entre paréntesis

68
00:05:14,060 --> 00:05:17,880
y sin argumentos, y eso eliminará el primer elemento de color rojo.

69
00:05:18,110 --> 00:05:24,410
Entonces puedes ver que terminamos con naranja y amarillo y si lo hiciéramos nuevamente, los colores que cambian

70
00:05:24,440 --> 00:05:27,770
eliminarían el naranja y recuerda que regresa al elemento eliminado.

71
00:05:27,800 --> 00:05:30,510
Así que podría almacenarlo en una variable como lo hago aquí.

72
00:05:30,890 --> 00:05:41,420
número al comienzo, comienzo el cambio entre paréntesis y voy a hacer una cadena y eso se agregará al comienzo de los números.

73
00:05:41,480 --> 00:05:48,920
Así que vamos a hacer un ejemplo rápido, haremos una serie de números y haremos 34 54

74
00:05:52,520 --> 00:05:55,110
22 y si quiero agregar un

75
00:05:55,440 --> 00:06:02,690
Hola, si quiero eliminar Hello, puedo escribir numskulls shift con paréntesis y eso devuelve

76
00:06:02,690 --> 00:06:03,270
Hello.

77
00:06:03,320 --> 00:06:09,270
Y si miro a Nom, vuelve a ser solo números.

78
00:06:09,500 --> 00:06:16,190
Entonces, el siguiente método que se llama índice de lo que hace el índice es que toma un argumento como una cadena

79
00:06:16,340 --> 00:06:19,930
o un número e intenta encontrar ese argumento en una matriz determinada.

80
00:06:20,270 --> 00:06:24,380
Y si lo encuentra, devolverá el índice donde se encuentra.

81
00:06:24,500 --> 00:06:30,140
Tengo un ejemplo aquí de la matriz de un amigo y esta matriz Tengo cinco amigos

82
00:06:30,140 --> 00:06:37,840
diferentes Charlie enumera a David Mathias y otra es si quería saber dónde se encuentra David en este conjunto puedo escribir el

83
00:06:37,910 --> 00:06:42,590
índice de puntos de amigos de David y tengo que asegurarme que coincide exactamente.

84
00:06:42,820 --> 00:06:47,880
Irá y buscará la cadena en la matriz, que es el tercer elemento con índice de dos.

85
00:06:48,050 --> 00:06:51,800
Así que vuelve a intentarlo si la Srta.

86
00:06:51,800 --> 00:06:56,140
Sin embargo, va a devolver la primera instancia de Liz.

87
00:06:56,240 --> 00:06:57,520
Entonces hay dos.

88
00:06:57,560 --> 00:06:59,270
Va a regresar este.

89
00:06:59,270 --> 00:07:01,010
Y eso tiene un índice de 1.

90
00:07:01,160 --> 00:07:04,150
No este que tiene un índice de cuatro.

91
00:07:05,390 --> 00:07:10,210
Entonces también podemos usar el índice de para determinar si un elemento no está presente en una matriz.

92
00:07:10,370 --> 00:07:14,390
Y para hacer eso, simplemente verificamos si el índice de devoluciones es negativo 1.

93
00:07:14,420 --> 00:07:15,400
Así es como se comporta.

94
00:07:15,400 --> 00:07:19,830
Si no encuentra el argumento dado, déjeme darle un ejemplo.

95
00:07:20,270 --> 00:07:26,030
Regresemos a los colores rojo anaranjado y amarillo y luego me desharé

96
00:07:29,720 --> 00:07:32,510
de esto para no poder verlo.

97
00:07:32,540 --> 00:07:38,360
Quiero saber si Orange se encuentra en algún lugar de mi matriz y, de ser así, dónde está.

98
00:07:38,390 --> 00:07:47,120
Así que escribiré los colores con el índice de amarillo y me dice que es ese índice también.

99
00:07:47,300 --> 00:07:52,420
Así que pude acceder haciendo índice de índice de colores también.

100
00:07:53,200 --> 00:07:58,450
Y me pongo amarillo si quería saber si Green estaba en mi matriz.

101
00:07:58,550 --> 00:07:59,790
Podría hacer lo mismo.

102
00:07:59,900 --> 00:08:02,830
Índice de conjunto de colores de verde.

103
00:08:03,770 --> 00:08:09,170
Y obtengo el 1 negativo que me dice que no está presente.

104
00:08:09,170 --> 00:08:12,030
El último método del que quiero hablar se llama slice.

105
00:08:12,080 --> 00:08:15,700
Usamos slice para copiar diferentes porciones de una matriz.

106
00:08:15,950 --> 00:08:23,180
Así que tengo un ejemplo de frutas aquí una matriz con plátano naranja limón manzana y mango.

107
00:08:23,660 --> 00:08:26,640
Y si quería copiar, los cítricos están fuera de aquí.

108
00:08:26,780 --> 00:08:31,920
Solo naranja y limón, y quiero que haga una nueva selección con solo naranja y limón.

109
00:08:32,000 --> 00:08:39,770
Podría usar una rodaja para que pueda ver aquí la rodaja y la rodaja de fruta toma dos argumentos.

110
00:08:39,770 --> 00:08:41,690
El primero es el índice inicial.

111
00:08:41,780 --> 00:08:43,710
Es donde comienza el corte.

112
00:08:43,760 --> 00:08:51,860
el corte, que es una manzana y no incluye, por lo que incluye naranja y limón, pero no el último índice de tres.

113
00:08:51,860 --> 00:08:58,500
Por lo tanto, en el índice 1 aquí, naranja, y luego, el segundo argumento es dónde debe detenerse

114
00:08:58,760 --> 00:09:01,040
Entonces deja a Apple en desorden.

115
00:09:01,060 --> 00:09:07,010
Entonces, cuando ejecutamos este cítrico, en realidad habrá un nuevo conjunto que se parece a este naranja y limón,

116
00:09:07,220 --> 00:09:12,550
dos elementos y también es importante tener en cuenta que la fruta del arreglo original está alterada.

117
00:09:12,680 --> 00:09:16,700
Por lo tanto, todavía contiene naranja y limón.

118
00:09:17,060 --> 00:09:20,810
También podemos usar slice para copiar una matriz completa para hacer eso.

119
00:09:20,810 --> 00:09:23,580
Simplemente no pasamos ningún punto inicial y final.

120
00:09:23,600 --> 00:09:29,200
Simplemente hacemos insensibles a esa división con paréntesis vacíos y eso duplica la matriz completa.

121
00:09:29,630 --> 00:09:31,410
Así que de nuevo haré un rápido ejemplo.

122
00:09:31,490 --> 00:09:40,400
Haremos un arreglo esta vez, hagamos Nom's y voy a poner algunos números aquí y ciertamente

123
00:09:40,700 --> 00:09:44,710
también pondré una o dos letras allí.

124
00:09:44,960 --> 00:09:48,950
Y luego algunos más números.

125
00:09:50,300 --> 00:09:57,280
Así que miro a Nom y si quiero extraer a y b y hacer una nueva matriz llamada

126
00:09:57,280 --> 00:10:05,040
letras, haré letras Varda iguales y luego voy a hacer una porción de entumecidos y luego tengo que proporcionar dos índices.

127
00:10:05,150 --> 00:10:07,390
El primero es dónde hacer el primer corte.

128
00:10:07,610 --> 00:10:11,800
Entonces ese es 0 1 2 3 índice de 3.

129
00:10:12,230 --> 00:10:15,830
Y luego, dónde parar, que está en este número aquí.

130
00:10:15,830 --> 00:10:21,250
Entonces eso va a ser 0 1 2 3 4 5.

131
00:10:21,950 --> 00:10:27,560
Y si miramos las letras obtenemos a y b dos elementos en una matriz.

132
00:10:28,250 --> 00:10:34,120
Así que eso fue devuelto y almacenado en la variable de letras mientras que Gnome no se modificó.

133
00:10:35,200 --> 00:10:38,530
OK, esos son los seis métodos diferentes que quiero mostrar.

134
00:10:38,580 --> 00:10:43,010
Teníamos push y pop, teníamos shift y unshipped index of y slice