JavaScript array filter method

Поділитися
Вставка
  • Опубліковано 15 вер 2024

КОМЕНТАРІ • 51

  • @HawkIjr
    @HawkIjr 8 років тому +1

    I always come away from watching one of your videos feeling that I was actually TAUGHT something, rather than being SHOWN something... MANY THANKS for your efforts!

  • @orangemancometh
    @orangemancometh 6 років тому

    6:44 _"Let's look at another example."_ Thank you for covering the _index_ and _array_ parameters here. Most tutorials discuss only basic use with the _value_ parameter and don't bother going beyond this. Very helpful!

  • @jayjg
    @jayjg 8 років тому +1

    The easiest way that I have seen to remove duplicates from a Javascript array. Thank you!

  • @ChrissyAlbert
    @ChrissyAlbert 8 років тому

    I like that you did two examples for the filter method, and I love that you explained so thoroughly each line of code as you wrote it. Also, thanks for explaining as you went back to edit the code, removing the unnecessary statements. I feel like I understand the filter method much better after watching this video! Thank you for posting!

  • @ralphedgar1784
    @ralphedgar1784 6 років тому

    Hey man, you're a great teacher. I like how you gave one basic example, and then another one using all of the callback function parameters. This channel will be my new secret weapon.

  • @tomb8835
    @tomb8835 7 років тому

    I've been trying to understand this all day from many sources, but this finally made sense to me. Thank you!

  • @sashaikevich
    @sashaikevich 7 років тому

    Thank you very much for breaking down the concept the way you have.
    I've checked out 5 different filter videos, and yours is the only one that explains the Value, Index, and Array of the the CallBack function. The detail you provide in your tutorial makes the concept very digestible and clear...so, thanks for that.

  • @johnmwangi4151
    @johnmwangi4151 8 років тому

    I usually don't watch videos for programming solutions but you my friend has won over my heart! Thank you for this video!! Audio 10 Video 10 Explanation 140%. Absolutely amazing! Subscribing now!

  • @bob2000and10
    @bob2000and10 7 років тому

    Best video so far, straight to the point and no fucking around like everyone else.

  • @axeltavormina2095
    @axeltavormina2095 5 років тому +1

    Dude, thank you ! After a few articles and tutorials (for the duplicates) i finally get it thanks to your clear explanation.

  • @hitanshimehta430
    @hitanshimehta430 4 роки тому

    In simple words you are amazing!!

  • @ianyimiah
    @ianyimiah 7 років тому

    I like the way you break things down to the tiniest digestible bit. Keep it up.

  • @abhirocks550
    @abhirocks550 7 років тому

    Thanks for making such content which is easy to digest. Just want to share code which I tried. In above video if you specify same string with different case like uppercase and lower case this won't work. Following code snippet can be helpful
    var country = ["India", "USA", "Germany", "india"];
    var convertLowerCase = country.join('|').toLowerCase().split('|');
    var removeDuplicate = convertLowerCase.filter(function (value, index, array) {
    return convertLowerCase.indexOf(value) == index;
    });
    console.log(removeDuplicate);

  • @mangonut
    @mangonut 8 років тому +1

    Thank you so much for your videos. I've only seen this one and the arguments video and you make the concepts easy to understand!!

    • @Csharp-video-tutorialsBlogspot
      @Csharp-video-tutorialsBlogspot  8 років тому +1

      +mangonut I am very glad you found the videos useful. Thank you very much for taking time to give feedback. This means a lot.
      I have made free Dot Net & SQL Server training videos to help you become a successful web developer
      ua-cam.com/users/kudvenkatplaylists?view=1&sort=dd
      DVDs with all the videos and slides for offline viewing
      www.pragimtech.com/Order.aspx
      Slides and Text Version of the videos can be found on my blog
      csharp-video-tutorials.blogspot.com
      Tips to effectively use my youtube channel.
      ua-cam.com/video/y780MwhY70s/v-deo.html
      If you want to receive email alerts, when new videos are uploaded, please subscribe to my youtube channel.
      ua-cam.com/users/kudvenkat
      If you like these videos, please click on the THUMBS UP button below the video.
      May I ask you for a favor. I want these tutorials to be helpful for as many people as possible. Please share the link with your friends and family who you think would also benefit from them.
      Thanks
      Venkat

  • @megawutt
    @megawutt 9 років тому +6

    nice trick with indexOf for the filter function.

  • @you_gotit_bud
    @you_gotit_bud 6 років тому

    This was a great tutorial, thank you for posting and keeping it basic with excellent use of example based teaching.

  • @arturdomanski7102
    @arturdomanski7102 8 років тому

    Great explaination. Helped me to solve one problem I had with this method.

  • @Beta3_Computer
    @Beta3_Computer 8 років тому

    thanks for this lessons and i hope try to Simplify the explanation but i understand you and you are a good instructor

  • @skisteepndeep
    @skisteepndeep 9 років тому +1

    thank you for making a concept crystal clear!

  • @kamaboko1
    @kamaboko1 8 років тому +2

    Fabulous examples. Thank you.

  • @jasonwelsh417
    @jasonwelsh417 7 років тому

    Thanks a lot for the great video. You go through it at a perfect pace. I will check out more videos!

  • @sopheasoeng
    @sopheasoeng 7 років тому

    Thank you so much. a very clear explanation you have in this video.

  • @candidatesvoice8826
    @candidatesvoice8826 8 років тому +2

    You should do these same videos on Reduce, Map, forEach, and binding

  • @donnaperyginathome
    @donnaperyginathome 8 років тому +1

    Very good explanation!

  • @MatsDance
    @MatsDance 8 років тому

    Good explanation. Thanks for posting.

  • @uubaidullah
    @uubaidullah 5 років тому +1

    what is the limit of parameters in .filter()'s call back function?.

  • @AymanAbdoun
    @AymanAbdoun 8 років тому +1

    Wow, you are awesome.

  • @georgigeorgiev2219
    @georgigeorgiev2219 9 років тому

    Thank you.
    GOD bless you.

  • @pastuh
    @pastuh 6 років тому +1

    Great tutorial !

  • @HaniYahya9
    @HaniYahya9 8 років тому

    at 2:37 you made a 3 passed parameters, 'value', 'index', and 'array' but you never used 'value' and 'array', did you do that intentionally or is it a habit you have from programming in Java and C-family languages? Because I also noticed you did it again later with other functions, and I've also noticed other videos on UA-cam do the same!
    Thank you

  • @JoshuaPace
    @JoshuaPace 8 років тому

    thank you. just what i needed

  • @himashihettegedona9484
    @himashihettegedona9484 6 років тому

    So helpful! Thank you!

  • @sagarrebel6522
    @sagarrebel6522 7 років тому

    sir i got understood the concept of filter method but really getting confused about call back function. want to under stand how call back function works

  • @kaushalparab7006
    @kaushalparab7006 6 років тому

    how will it work for lowercase strings i have tried doing that..... but it doesn't work

  • @mickyteddy7598
    @mickyteddy7598 8 років тому +1

    God bless you

  • @rajcuk
    @rajcuk 7 років тому

    Nice one. But how can I calculate the length of the new Array after calling the filter method?

  • @readingbook9720
    @readingbook9720 6 років тому

    wowoowowow ..awesome class

  • @WCWenz
    @WCWenz 9 років тому +1

    Thank you!

  • @himanshujain1770
    @himanshujain1770 8 років тому +1

    Can you please tell that what is the exact use of Filter method and in what scenarios we can use ? and what is the purpose of Callback method in Filter method..??
    Regards

    • @pratyushranjan277
      @pratyushranjan277 6 років тому

      himanshu this video is all about filter method only. please go through it. very well explained also

  • @deepakagarwal940
    @deepakagarwal940 5 років тому

    can be highlight duplicate in html table using javascript

  • @aqibfayyaz1619
    @aqibfayyaz1619 5 років тому

    Thank you

  • @arashsoudishoar5620
    @arashsoudishoar5620 9 років тому

    thank you so much.

  • @nishthakapur3962
    @nishthakapur3962 6 років тому

    when will u upload wpf tutorials. i have nt found any good tutorial yet.

  • @AbhishekTiwari-sg7bd
    @AbhishekTiwari-sg7bd 6 років тому

    great sir

  • @NoobieDoobieDo
    @NoobieDoobieDo 7 років тому

    great vid - wish i could add it to favorites but it seems to be disabled

  • @samduss4193
    @samduss4193 7 років тому

    damn from the list that is the first video that confusing me.. lol I guess I miss some knowledge about callback and functions i will go back to it later ;)

  • @AnasAlQudah
    @AnasAlQudah 9 років тому

    good article

  • @anniekhaliq6215
    @anniekhaliq6215 8 років тому

    can you make a video for the reduce method??

  • @vamshikrishna298
    @vamshikrishna298 8 років тому

    sir i have a query in java script i will show the question plz give me the entire code.......
    Create a simple product finder page (as the one that exists in PriceJugaad.com), and this includes writing HTML, CSS and Javascript.
    1. Page should display list of mobiles with attributes like price, brand, RAM, Processor, Battery etc.
    2. Provide a filter functionality like, filter by price, brand etc.
    Notes:
    1. Assume a JSON structure for list of 10 mobiles, and populate the specifications, name and price using this data.
    2. Create a folder structure with CSS, Javascript, Data, and index.html on the top
    level.
    3. Make sure that opening the index.html would render the assignment on a browser.
    4. Refer attached screen-shot for further reference.
    var mobileData = {
    mobile: [{"brand":"Nokia", "model":"A1", "price":3000, "battery":1500, "ram":512, "processor_speed":1000, "ImageSource":"Images/Nokia-A1.jpg"},
    {"brand":"Nokia", "model":"A2", "price":6000, "battery":2000, "ram":512, "processor_speed":1200, "ImageSource":"Images/Nokia-A2.jpg"},
    {"brand":"Nokia", "model":"A3", "price":10000, "battery":2500, "ram":1024, "processor_speed":1200, "ImageSource":"Images/Nokia-A3.jpg"},
    {"brand":"Samsung", "model":"B1", "price":2500, "battery":1000, "ram":512, "processor_speed":1000, "ImageSource":"Images/Samsung-B1.jpg"},
    {"brand":"Samsung", "model":"B2", "price":5000, "battery":2600, "ram":1024, "processor_speed":1000, "ImageSource":"Images/Samsung-B2.jpg"},
    {"brand":"Samsung", "model":"B3", "price":9000, "battery":2400, "ram":1024, "processor_speed":1200, "ImageSource":"Images/Samsung-B3.jpg"},
    {"brand":"Micromax", "model":"C1", "price":2500, "battery":1000, "ram":512, "processor_speed":1000, "ImageSource":"Images/Micromax-C1.jpg"},
    {"brand":"Micromax", "model":"C2", "price":5500, "battery":1500, "ram":512, "processor_speed":1200, "ImageSource":"Images/Micromax-C2.jpg"},
    {"brand":"Sony", "model":"D1", "price":5000, "battery":1500, "ram":1024, "processor_speed":1000, "ImageSource":"Images/Sony-D1.jpg"},
    {"brand":"Sony", "model":"D2", "price":10000, "battery":2000, "ram":1024, "processor_speed":1200, "ImageSource":"Images/Sony-D2.jpg"}]
    };
    ......................then how to access of my favrate one and display with the picture........give me the................................................................ NEXT CODE