Introducción

1

Historia de JavaScript: ¬Ņqu√© es ECMAScript?

2

¬ŅQu√© es el TC39?

Configuracion

3

Configurando nuestras herramientas

¬ŅQu√© se implement√≥ en ES6?

4

ES6: generator

5

ES6: let y const, y arrow functions

6

ES6: strings

7

ES6: par√°metros por defecto

8

ES6: asignación de desestructuración

9

ES6: spread operator

10

Playground: Combina objetos JSON con el Spread Operator

11

ES6: clases

12

ES6: object literals

13

ES6: promesas

14

ES6: module

15

Playground: Obtén una lista de películas

16

ES6: clases

17

ES6: clases

18

ES6: generator

19

Playground: Generador de identificadores para michis

20

ES6: set-add

¬ŅQu√© se implement√≥ en ES7?

21

ES7: exponentiation operator y array includes

¬ŅQu√© se implement√≥ en ES8?

22

ES8: object entries y object values

23

ES8: string padding y trailing commas

24

ES8: funciones asíncronas

¬ŅQu√© se implement√≥ en ES9?

25

ES9: expresiones regulares

26

ES9: Promise.finally

¬ŅQu√© se implement√≥ en ES10?

27

ES10: flat-map y trimStart-trimEnd

28

ES10: try catch y fromEntries

¬ŅQu√© se implement√≥ en ES11?

29

ES11: optional chaining

30

ES11: BigInt y Nullish

31

ES11: Promise.allSettled

32

ES11: globalThis y matchAll

33

ES11: dynamic Import

¬ŅQu√© se implement√≥ en ES12?

34

ES12: numeric-separators y replaceAll

35

ES12: promise-any y métodos privados

¬ŅQu√© se implement√≥ en ES13?

36

ES13: at

37

ES13: top level await en el consumo de una API

Recapitulación

38

Performance

No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Reg√°late acceso ilimitado a todos los cursos por 1 a√Īo a precio especial de Navidad ūüéĄ

Antes: $199

Currency
$149/a√Īo
regístrate

termina en:

16D
15H
5M
55S

ES13: at

36/38
Recursos

El método at de arrays sirve para acceder a los elementos a partir del índice.

array.at(índice)

√ćndices positivos y negativos en arrays

Los índices positivos comienzan desde 0 hasta la longitud total menos uno, de izquierda a derecha del array. El índice 0 es la primera posición.

[0,1,2,3, ...., lenght-1]

Los √≠ndices negativos comienzan desde -1 hasta el negativo de la longitud total del array, de derecha a izquierda. El √≠ndice -1 es la √ļltima posici√≥n.

[-lenght, ...,  -3, -2, -1]

Cómo utilizar el método at

La utilidad más importante de este método es para manejar índices negativos. Algo que no se puede con la notación de corchetes.

const nombres = ["Andres", "Valeria", "Ana", "Ramiro", "Richard"]

nombres.at(-1) // "Richard"
nombres[-1] // undefined
nombres.at(-3) // "Ana"
nombres[nombres.length -1] // "Richard"

Puedes utilizar la notación de corchetes, pero necesitas obtener la longitud del array y restarle una unidad, generando mucho código que puede volverse difícil de leer.

nombres[nombres.length -1] // "Richard"

Contribución creada por Andrés Guano (Platzi Contributor).

Aportes 13

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Hola [email protected] ūüėÉ

ES13:

  • at
const array = ["one", "two", "three", "four", "five", "six"];

console.log(array[array.length - 1]);
console.log(array.at(-1));

El m√©todo at() recibe un valor num√©rico entero y devuelve el elemento en esa posici√≥n, permitiendo valores positivos y negativos. Los valores negativos contar√°n desde el √ļltimo elemento del array.
Esto no sugiere que haya algo mal con usar la notaci√≥n de corchetes. Por ejemplo, array[0] devolver√≠a el primer elemento. Sin embargo, en lugar de usar array.length para los √ļltimos elementos
Mdn

Aquí la fake api de Platzi.

El m√©todo at() recibe un valor num√©rico entero y devuelve el elemento en esa posici√≥n, permitiendo valores positivos y negativos. Los valores negativos contar√°n desde el √ļltimo elemento del array.

Esto no sugiere que haya algo mal con usar la notaci√≥n de corchetes. Por ejemplo, array[0] devolver√≠a el primer elemento. Sin embargo, en lugar de usar array.length para los √ļltimos elementos; ej. array[array.length-1] para el √ļltimo elemento, puede llamar array. at(-1).

Este está interesante, hace lo mismo pero con código mas limpio y claro.

para los que necesiten actualizar a la version 16 de node esta es una guia

El √≠ndice negativo de .at devuelve el elemento del array contando desde el √ļltimo elemento hacia al primero.
Si bien array_at(-1) devuelve el √ļltimo elemento,
array_at(-2) devuelve el pen√ļltimo.
Si la magnitud del índice negativo exede la longitud del array, devolverá Undefined, igual que al solicitar un índice positivo que exceda el final del array.

Genial!!!

// At is a new method on String.prototype that returns the character at the given index.

const string = "Hello World"

console.log(string.at(0)) // H
console.log(string.at(-1)) // d
console.log(string.at(-2)) // l

√ćndices Positivos

Los índices positivos comienzan de izquierda a derecha del array; desde 0 hasta la longitud total menos uno, . El índice 0 es la primera posición.

[0,1,2,3, ...., lenght-1]

√ćndices Negativos

Los √≠ndices negativos comienzan de¬†derecha a izquierda del array; ****desde¬†-1¬†hasta el negativo de la longitud total del¬†array. El √≠ndice¬†-1¬†es la √ļltima posici√≥n.

[-lenght, ...,  -3, -2, -1]

Método at

La utilidad más importante de este método es para manejar índices negativos. Algo que no se puede con la notación de corchetes.

const nombres = ["Andres", "Valeria", "Ana", "Ramiro", "Richard"]

nombres.at(-1) // "Richard"
nombres[-1] // undefined
nombres.at(-3) // "Ana"
nombres[nombres.length -1] // "Richard"

Puedes utilizar la notación de corchetes, pero necesitas obtener la longitud del array y restarle una unidad, generando mucho código que puede volverse difícil de leer.

nombres[nombres.length -1] // "Richard"

Contribución creada por:

Andrés Guano (Platzi Contributor).


Buenas Practicas / Código Nuevo / Extras

At solo es para arrays ¬Ņ?

R E S U M E N

<aside>
ūüďć At:

Método que nos permite acceder a los elementos de un array a partir de un índice.

Positivos:

Comienzan de derecha a izquierda con el 0 y terminar con la longitud del array-1

Negativos:

Comienzan de izquierda a derecha con -1 hasta la longitud del array en negativo

Este método es especial para manejar los índices negativos, genera una facilidad para leer el código, más simple, sencillo.

nombres.at(-1) > nombres[nombres.length -1]

</aside>

Great!

Para acceder al √ļltimo elemento de un array

const array = ['one', 'two', 'three', 'four', 'five', 'six', 'seven'];
  	
let szOfArray = array.length;
console.log(array[szOfArray - 1]); //seven

Por si a alguno no le funciona el comando at, verificar que tengan instalado una version adecuada de Node, usen los siguientes comandos para manejar versiones de node, (Primero instalen NVM), pueden usar otra version que no sea la ultima, para esto en vez de ‚Äúlatest‚ÄĚ indicar la que desean y en 18.10.0 indiquen la que les indique el comando nvm list.

nvm install latest
nvm list 
nvm use 18.10.0