Header Ads Widget

Ticker

6/recent/ticker-posts

Ejemplo del método JavaScript Array filter ()

 Saludos lectores, en este tutorial, mostraremos cómo utilizar el lenguaje de script JavaScript y el método Array.filter () .

1. Introducción

JavaScript es un lenguaje de programación orientado a objetos que permite que las secuencias de comandos del lado del cliente interactúen con un usuario y entregue las páginas dinámicas. La mayoría de los navegadores web, incluidos Google Chrome, Mozilla Firefox, Safari, Internet Explorer, Microsoft Edge, Opera, etc. lo admiten. El lenguaje de secuencias de comandos de JavaScript incluye:

  • Declaración de variables
  • Mantener los valores recuperados
  • Definición e invocación de funciones
  • Definiendo clases
  • Cargar y usar módulos externos
  • Definir controladores de eventos
  • Y mucho más ….
  • 1.1 Ventajas del lenguaje JavaScript

    Las ventajas de utilizar el lenguaje de secuencias de comandos JavaScript son:

    • JavaScript es fácil de aprender
    • Se ejecuta en el navegador del cliente, por lo que elimina el procesamiento del lado del servidor y se ejecuta en cualquier sistema operativo.
    • JavaScript se puede utilizar con cualquier tipo de página web, por ejemplo, PHP, ASP.NET, Perl, etc.
    • El rendimiento de la página web aumenta debido a la ejecución del lado del cliente
    • El código JavaScript se puede minimizar para disminuir el tiempo de carga desde el servidor.
    • Muchos marcos de aplicaciones basados ​​en JavaScript están disponibles en el mercado para crear aplicaciones web de una sola página, por ejemplo, AngularJS, ReactJS, etc.

    1.2 Desventajas del lenguaje JavaScript

    Las desventajas de usar el lenguaje de scripting JavaScript son:

    • Sin soporte para aplicaciones de red
    • No tiene capacidades de multiproceso o multiproceso
    • No permite la lectura y escritura de archivos.

    1.3 Método JavaScript Array filter ()

    El filter()método crea una nueva matriz con los elementos que se encuentran bajo una condición dada de una matriz existente. Aquí representa la sintaxis simple para practicar este método.

    Retazo

    1
    2
    3
    var new_array = orig_array.filter(function(item) {
      return condition;
    });

    Tenga en cuenta que el argumento es una función requerida que define la condición que se debe verificar para cada elemento en la matriz original. Puntos importantes:

    • Esta función no cambia la matriz original
    • Esta función devuelve una matriz que contiene los elementos filtrados de la matriz. Si ningún elemento pasa la prueba, devuelve una matriz vacía

    ¡Estas nuevas API facilitan la vida de un desarrollador, de verdad! Sin embargo, sería difícil para un principiante entender esto sin un ejemplo. Por lo tanto, creemos una aplicación simple utilizando el lenguaje de programación JavaScript.

    2. Ejemplo de filtro de matriz de JavaScript ()

    Aquí hay una guía sistemática para implementar este tutorial usando el lenguaje JavaScript.

    2.1 Herramientas utilizadas

    Estamos utilizando Eclipse Kepler SR2, JDK 8 y Maven. Dicho esto, hemos probado el código contra JDK 1.7 y funciona bien.

    2.2 Estructura del proyecto

    En primer lugar, permítanos revisar la estructura final del proyecto si no está seguro de dónde debe crear los archivos o carpetas correspondientes más adelante.

Publicar un comentario

0 Comentarios