Aquí están los nuevos métodos y funciones incorporados en JavaScript

En los últimos años, JavaScript ha aparecido con muchas versiones nuevas. Han traído nuevas características particularmente en la sintaxis y su núcleo. Estas actualizaciones han hecho que JavaScript sea más legible e inteligente. Nos presentaré los nuevos métodos para matrices, objetos y cadenas. Estos nuevos métodos pueden manejar datos de una manera elegante y eficiente escribiendo menos código. Esto es lo que te vamos a explicar en este artículo.

Los nuevos métodos de objetos

El Objeto es lo que hace de JavaScript un poderoso lenguaje de programación. Los objetos le permiten agrupar diferentes tipos de datos. Si desea aprender cualquier nuevo marco de JavaScript como React, Vue o Angular, debe saber cómo usar Objects y sus métodos. Estos marcos usan objetos para obtener y manejar la entrada del usuario. Las nuevas versiones de JavaScript aportan nuevos métodos a los objetos que los hacen más divertidos. Aquí están los nuevos métodos Object:

object.assign ()

El método Object.assign () tiene varios trabajos. Puede copiar un objeto, clonar de otro objeto o concatenar dos o más objetos.

  • copiar los valores de otro objeto:
  • Clonar un objeto en un nuevo objeto
  • Además, puede fusionar propiedades duplicadas con Object.assign () estableciendo dos corchetes vacíos como primer argumento:

Object.entries ()

El método Object.entries () devuelve las claves y valores del objeto como una matriz.

Object.getOwnPropertyDescriptors ()

Object.getOwnPropertyDescriptors nos permite obtener el descriptor de propiedades de un objeto.

Es realmente útil verificar la propiedad del descriptor de objeto, por ejemplo, ver si se puede escribir o enumerar.

Los nuevos métodos Array

Las nuevas versiones de JavaScript han proporcionado nuevos métodos para matrices. Aquí están los nuevos métodos de matriz:

Array.include ()

Array.includes () nos permite comprobar si existe una propiedad en una matriz. Puede ver la diferencia entre el código antiguo y la nueva sintaxis (ES6). El nuevo método es breve y más legible.

Array.find ()

Array.find () nos ayuda a encontrar un elemento en una matriz. Toma una función de devolución de llamada como argumento. La función de devolución de llamada ofrece más opciones para buscar y extraer datos complejos.

Si la propiedad que buscamos existe, devuelve el valor encontrado. De lo contrario, devuelve undefined.

Array.findIndex ()

Array.findIndex () devuelve el índice del elemento encontrado en lugar del valor.

Array.values ​​()

Este nuevo método devuelve un iterador Array de los valores para que podamos ejecutar un ciclo for para extraer cada valor del Array.

Array.entries ()

Array.entries () devuelve tanto la clave como el valor y en formato Array.

Matriz. De ()

Array.from () se introdujo en la versión ES6. Puede hacer varias cosas ejecutando una función map () en los datos. Puede convertir una cadena en una matriz o incluso crear una nueva matriz a partir de los datos.

Array.keys ()

Como su nombre lo indica, este método devuelve las claves de Array.

Los nuevos métodos String

Las nuevas versiones de JavaScript proporcionaron nuevos métodos de cadena. Estos son los nuevos métodos de cadena:

String.repeat ()

El método String.repeat () le permite repetir una cadena.

String.include ()

String.includes () funciona como Array.includes (). Devuelve un booleano si el valor ingresado existe.

Los nuevos métodos numéricos

Las nuevas versiones de JavaScript proporcionaron nuevos métodos numéricos. Estos son los nuevos métodos numéricos:

Number.isNaN ()

Este método se publicó en la actualización ES6. Comprueba el valor numérico pasado y devuelve verdadero si el valor es NaN. De lo contrario, devuelve falso. Este método está inspirado en la función clásica isNAN () en JavaScript.

Number.isInteger ()

Al igual que el método anterior, Number.isInteger () comprueba si el valor pasado es un número entero o no. Devolverá verdadero si el valor es un número entero y falso si no lo es.

Number.isSafeInteger ()

Es posible que siempre desee validar la entrada de los usuarios para asegurarse de que sea un número. Number.isSafeInteger () comprueba si el número es seguro.

Aprende más aquí

Number.isFinite ()

Number.isFinite () comprueba si el valor pasado es un número finito o no.

Soporte de navegador

Los nuevos métodos numéricos son casi compatibles con los principales navegadores, excepto Opera Mini e IE-11. El soporte se muestra en la siguiente imagen:

Nuevos objetos específicos

JavaScript viene con nuevas funciones específicas que nos permiten escribir código con mayor rendimiento. Estos son los nuevos métodos de objetos específicos:

Objeto Proxy ()

Proxy es una de las grandes adiciones a JavaScript. Crea un comportamiento personalizado para nuestro código. Con Proxy puedes manejar:

  • validando los datos del usuario
  • corrección de datos
  • búsqueda de propiedad
  • asignación
  • enumeración
  • invocación de función

Consulte otros usos de Proxy y sus métodos aquí.

Para entender el proxy, vamos a escribir dos ejemplos.

Ejemplo 1:

En este ejemplo, validamos los datos mientras los obtenemos de un usuario. Intentaremos definir el comportamiento de un error indefinido.

Como puede ver en el ejemplo anterior, userInfo.favCar devuelve undefined. ¿Qué pasa si queremos manejar este mensaje de error? Si queremos crear un comportamiento personalizado para el error, por ejemplo, mostrar otro mensaje en lugar de indefinido, podemos usar Proxy en este caso.

Definimos un nuevo proxy y le dimos dos argumentos: el objeto y el controlador. El controlador ejecuta algún código de validación y comprueba si la propiedad existe en el objeto. Devuelve la propiedad si existe. De lo contrario, devuelve el mensaje que definimos y esto se llama búsqueda de propiedad.

Ejemplo 2:

En este ejemplo, crearemos una validación para un valor específico en el objeto usando el método set .

En este ejemplo, podemos validar el tipo de datos y devuelve un nuevo TypeError (). Esto facilita la depuración. Puede comprender más con este útil artículo.

Soporte de navegador

El proxy funciona bastante bien para todos los navegadores principales, como puede ver a continuación:

Objeto set ()

El objeto Set es una nueva característica de JavaScript. Nos permite almacenar valores únicos. Tiene un montón de métodos que puedes jugar. El método Object.add le permite agregar una nueva propiedad al objeto. Object.delete elimina una propiedad del objeto. Object.clear borra todas las propiedades del objeto. El siguiente ejemplo explica los métodos de los objetos.

Obtenga más información sobre el objeto Set () aquí.

Terminando

Acabamos de cubrir los nuevos métodos incorporados introducidos por JavaScript. Con estas nuevas funciones geniales, ya no uso la sintaxis y los métodos antiguos en mi código. Los nuevos métodos le permiten escribir código JavaScript competente y eficaz de una manera elegante.

También puede consultar mis artículos sobre la sintaxis de New ES6 para actualizar sus habilidades en JavaScript.

Puedes encontrarme en Twitter e Instagram.

Artículos anteriores:

  • JavaScript ES6: escriba menos, haga más
  • Aprenda Bootstrap 4 en 30 minutos construyendo un Landing a Website
  • Angular 6 y sus nuevas características, todo explicado en tres minutos
  • Cómo usar el enrutamiento en Vue.js para crear una mejor experiencia de usuario
  • Estas son las formas más populares de realizar una solicitud HTTP en JavaScript
  • Aprenda a crear su primera aplicación Angular en 20 minutos