Skip to content
Freewebsolution
Menu
  • Home
  • angular
  • php
  • guide
  • laravel
  • react
  • corsi
Freewebsolution
Menu
metodo-filter

Il metodo filter in javascript: come utilizzarlo -#7

Posted on 12 Maggio 2019 by lucio
Category: Corso typescript, guide
2.702 views Tempo di lettura: < 1 minuto

A differenza del metodo map, visto nella lezione precedente, il metodo filter si utilizza quando si ha necessità di modificare solo determinati elementi di un array.

Come abbiamo visto con il metodo map viene creato un nuovo array, l’operatore  filter,invece, fa si che venga creato un array solo con gli elementi  che soddisfano determinate condizioni escludendo gli altri valori.

Spesso tale metodo viene utilizzato per ripulire un array da quegli elementi che non si vogliono visualizzare:

let Array = ['file1.jpg', 'file2.png', 'file3.png'];
let ArrayNew = Array.filter((entry) => {
return entry.indexOf('.png') > -1;
});

in questo esempio abbiamo un array contenente nomi di immagini con estensione jpg e png.

Supponendo di voler visualizzare solo le immagini con estensione png potrei ,appunto,utilizzare ,il metodo filter contenente il metodo index() di javascript.

Quest’ultimo, se non lo sapessi già, restituisce il primo indice al quale un determinato elemento viene trovato con il relativo valore.

Se l’elemento non venisse trovato il valore dell’indice coinciderebbe con il valore -1, per tal motivo  ho inserito la condizione > -1.

Spesso i metodi map  e filter vengono concatenati insieme, di solito si usa prima filter e poi map.

Lucio Ticali

Lucio Ticali - Insegnante su Udemy

Hi, I'm Lucio Ticali, author of this blog. I am a Full stack developer and Udemy Instructor with over 20 years of experience in the Information Technology sector.

Ultime da Freeweb

  • Creare un’applicazione di e-commerce con Laravel e Stripe
  • Come integrare Stripe con Laravel 11
  • Realizza il gioco del solitario con React e Laravel: Parte 1
  • Creare Interfacce Dinamiche con Laravel 11 e Livewire 3: Guida Passo-Passo
  • Come creare una Progressive Web App (PWA) con Laravel 11

Corsi da non perdere

Guida a git e GitHub

€ 9.99 / €12.99 corso base di git: impara a tenere traccia del tuo codice

Ebook da non perdere

Laravel 11 dall'idea al codice

€ 9.99 / €21.99 laravel 11: dall'idea al codice

©Copyright 2025 - Freewebsolution. All rights reserved, Lucio Ticali Lucio ticali Udemy instructor instructor. Privacy-Informativa cookies