JavaScript Array Map Method Practice in 5 Minutes

No video

JavaScript Array Map Method Practice in 5 Minutes

Рет қаралды 76,929

Күн бұрын

Arrays are an essential part of JavaScript. If you want to get better at JavaScript, you have to know how to effectively use arrays, especially the built-in array methods like map, reduce, filter, sort, every, some, etc. In this series, we'll cover the JavaScript array methods you need to know to become a web developer.
Learn to use the Map() function to transform items in an array.
Array Worksheet - bit.ly/jqq-array-practice
Join the 💬 Discord Server 💬 - / discord
_____________________________________________
Newsletter 🗞
Interested in exclusive content and discounts? 🤯 Sign up for the newsletter!
www.jamesqquic...
_____________________________________________
Connect with me 😀
Live streams on Twitch - / jamesqquick
Follow me on Twitter - / jamesqquick
Join the 💬 Discord Server 💬 - / discord
_____________________________________________
COURSES 💻
Learn how to build Fullstack apps with React and Serverless Functions - www.jamesqquic...
Learn everything you need to know about Visual Studio Code - www.udemy.com/...
Build a Quiz App - www.udemy.com/...

Пікірлер: 116

@mlntdtechbae Жыл бұрын

JS is getting easier and easier for me to understand with tutorials like this, so thank you!

@JamesQQuick Жыл бұрын

So glad to hear that!

@alexandergeorgesquire220 3 ай бұрын

its been a year, id like to know how you are getting on?

@mitchell4217 3 жыл бұрын

Had no idea you could return a full object with map. Great stuff!

@Chillycloth Жыл бұрын

Incredibly clear. I loved that you used multiple examples to demonstrate different uses. Also helped me recognize the pattern of using it. Thank you so much

@irfanhakimi487 8 ай бұрын

This very good ,simple ,practical and very easy to understand , thanks so much for the video 😁

@abhikb 3 жыл бұрын

I am always confused between map and forEach , this video gave me some insights of map function , looking forward to your next videos to clear my doubts , BTW great content , Keep posting these amazing helpful contents

@JamesQQuick 3 жыл бұрын

Yayyyy

@Pareshbpatel Жыл бұрын

A very clear and concise tutorial on JS Array Method: map() - Thanks, James. {2023-02-02}

@iDreamOfOkra 2 жыл бұрын

Epic array tutorial. Thanks, James. I’m making it my mission to watch ALL of your videos!

@JamesQQuick 2 жыл бұрын

Challenge ACCEPTED! lol

@Calcific9 Жыл бұрын

BRO thank you !!! this cleared up objects and arrays for me thank you thank you

@rs832 2 жыл бұрын

Thanks for delivering your explanation simply and concisely - first video I watched on the subject; no need to continue searching. 👍👍

@MVIVN 2 жыл бұрын

This was a really fantastic, consice explanation and I understood more quickly than I did after a long while of reading through online articles on the subject! Really appreciate it!

@JamesQQuick 2 жыл бұрын

Yayy! Glad it helped!

@barssavas9938 3 жыл бұрын

Thank you !!! Awesome content . especially last part ( the firstname trick ) is going to help me a lot.

@omrividal Жыл бұрын

Wow! Can’t believe how easy it is! Thank you for explaining it that way you did!

@Andyiinho Жыл бұрын

I finally understood the map method!! Thank you. Subscribed :)

@aaronlinton-chambers 3 жыл бұрын

This is Perfect Thanks again James I am working on arrays this is helping a lot. I really like your teaching style.

@JamesQQuick 3 жыл бұрын

Glad to hear it!

@satyadheemanth9628 3 жыл бұрын

Crisp and clear... Explained all that required...

@plagiator19 3 жыл бұрын

your eyes show that you are dedicated to programming! good video!

@meaartis Жыл бұрын

Thank you for the great explantation of how a map works, and for the tip regarding the shorthand arrow function without the return if you only want one thing! This will help me a lot

@preciousoladipupo2759 Жыл бұрын

Your explanation was spot on. Thank you so much 🙏🏾.

@xiaoyuli6008 2 жыл бұрын

I love your quick version. Thanks.

@alexeykorotkov850 Жыл бұрын

Got what I was looking for! Thanks!!!!!

@JamesQQuick Жыл бұрын

Yeahhh!!

@zorro8375 Жыл бұрын

Yo this video was great I needed this thanks man!

@DericksonCaballero 2 жыл бұрын

Really love this video, thank gorgeous human being for this marvelous content. The star wars reference make it more easy to understand.

@JamesQQuick 2 жыл бұрын

Yayy!!

@user-ci2vb2rh6d Жыл бұрын

Thank you very much for this short and very informative video!

@adrmad8849 2 жыл бұрын

I finally memorized the syntax, thanks!

@monat_son Жыл бұрын

Thanks James! Great content.

@ruthtshoms505 2 жыл бұрын

Thank you sooooo much for this complete vid. That's gold !!!

@JamesQQuick 2 жыл бұрын

Yayy! Glad it helped!

@meilyn22 3 жыл бұрын

Thanks. That last practice example was the best.

@iruga7379 2 жыл бұрын

Dude your explanation was so mindblowing...im Brazilian so i get most of my classes in portuguese but everytime i dont understand a concept i get some english classes and they are SO MUCH better to explain my doubts. Dont know if is a limitation of my language or if my teachers suck so much ass to explain.

@monat_son Жыл бұрын

Haha I guess learning programming in English is easier sometimes, because of the language used in programing generally (so English). Also, James is a terrific teacher!

@afrikanking4022 2 жыл бұрын

I am new to your channel. Thanks alot. Yes I pressed that big reb button

@Joker-jz9cn 2 жыл бұрын

Watching your and Navin Reed video really helped me understand the concept on codecademy

@01kmacias 2 жыл бұрын

Thank you for providing a simple explanation of this!

@phickman7872 3 жыл бұрын

Awesome video! Can't wait for the "reduce" method.

@JamesQQuick 3 жыл бұрын

Coming up :)

@softwareengineer1 Жыл бұрын

Where this man has been ? Found This Brilliant man who is really Nice in Teaching the pure JavaScript 😍😍

@JamesQQuick Жыл бұрын

haha glad it's helpful!

@incacube 3 жыл бұрын

these vids help me learn better. thanks james.

@rynofourie2101 3 жыл бұрын

This video helped me a lot. Thanks, James Q Quick.

@__jake.m 2 жыл бұрын

Thank you so much for this! 😄

@Avarn388 2 жыл бұрын

I'm undertaking a bootcamp right now and this refresher is really nice. I forgot you can use an implicit return for anoymous functions. I'll definitely make use of that. And yes, folks; Array methods are crucial, especially map when making tables and filtering data. And it isn't even just Javascript but Python as well(which I started coding before going to Javascript.). Good work.

@virajmahalunkar8575 2 жыл бұрын

Loved this! Explained very well.

@LizyAd 5 ай бұрын

Incredibly done.

@NatJMan 2 жыл бұрын

This was incredibly helpful. Thank you

@asdiasx 3 жыл бұрын

Great content! I really like this kind of videos, straight to the point! 🙂

@JamesQQuick 3 жыл бұрын

Glad you enjoyed it!

@M-Esmaeili 2 жыл бұрын

Thanks a lot James🤩

@chips-n-salsa 2 жыл бұрын

thank you for this video. Super helpful!

@joaopedrodefigueiredo4987 2 жыл бұрын

Amazing tutorial! Thank you

@killiankavanagh3854 2 жыл бұрын

Thanks really helped me

@lightingvulture Жыл бұрын

THANK YOU

@Nick..... Жыл бұрын

Great Video!

@alexandrmeyer 10 ай бұрын

Fantastic job on explaining, thank you very much! Separate thank you for the SW :) What plugin are you using for changing your arrow to a nice one?

@JamesQQuick 10 ай бұрын

Yeah! Glad you enjoyed it. Those are called font ligatures. You can turn them on in your VS Code settings

@alexandrmeyer 10 ай бұрын

@@JamesQQuick Great, I appreciate your reply :) Just have set, works like a charm

@Dostendite 11 ай бұрын

You are great. Thank you

@travelwithmarcel9629 2 жыл бұрын

Thanks a lot, really learned a lot :-)!

@user-qz8fq7hw8u Жыл бұрын

man, thank you so much:)

@7073shea 2 жыл бұрын

Very good bro thanks

@samriddhi6129 Жыл бұрын

this was perfect

@ilhabibi 3 жыл бұрын

great content. this is what i need. auto subscribe!

@user-gu5ts5nx8r 3 жыл бұрын

Great. Thanks But one thing you did not mention for all array functions used in this playlist is that, if a given condition is not met or tests false, what kind of value is returned by those functions like an empty array in this case "Map" function.

@JamesQQuick 3 жыл бұрын

Ahh interesting. Well functions by default return undefined so I’m assuming that lol

@user-gu5ts5nx8r 3 жыл бұрын

@@JamesQQuick but "map" and "filter" return an empty array by default.

@josh_michel1604 7 ай бұрын

Why didn’t I find this video sooner!!!

@flnn5450 2 жыл бұрын

Great video! I have one question...how does it not return undefined when the arguments being used are 'character' instead of 'characters' which is the name of the initial array? when i wrote this code out it didn't work unless the argument was the same name as the array.

@14lrmg Жыл бұрын

same question

@hdm_vision 2 жыл бұрын

This is awesome

@tombraider6532 2 жыл бұрын

Thank you

@anangyoga1381 3 жыл бұрын

thank you good sir!

@Aishcream 2 жыл бұрын

What if I need to change just one property value and then return the entire object array with the new values?

@oman7787 2 жыл бұрын

lol your intro for this series makes siri play music (from 00:25 - 00:32) XD

@tobbe8287 3 жыл бұрын

did you have to install the font inside VS code to get the proper styling in its built-in editor just like in iTerm, Hyper or the terminal that came with the OS?

@georgegeorgio70 3 жыл бұрын

Can you explain why you have mass and height values as strings? Im new to js and dont know why not just numbers

@ExpatTraderFX Жыл бұрын

how do you add the lambda arrow ( => ) in such a nice way on vs code??

@jessicarodrigues-dlouhy575 Жыл бұрын

I wish you could be my mentor!

@AndyRocket1000 Жыл бұрын

This video and all the other coding videos on youtube😅are very useful if one is planing to make population controll.

@JamesQQuick Жыл бұрын

lol what does that even mean?

@MahadC93 2 жыл бұрын

Fantastic

@burgasdragonheirsilentgods 3 жыл бұрын

Nice Video !!!!

@GroudFrank 2 жыл бұрын

What plugin/extension do you use to get the resizing cursor?

@dawnbroadbent 2 жыл бұрын

Dumb question: How do you get array results into the html though?... like on the page for people to see? What do I have to search to find out how to do that?

@alfiartya23 2 жыл бұрын

Hi man, thanks for this explanation video and I just followed your code but when the last part to get all the first name (characters) => characters.name.split(" "[0]); it returns to me an array but with 2 elements inside it like this: 0: (2) ['Luke', 'Skywalker'] 1: (2) ['Darth', 'Vader'] 2: (2) ['Leia', 'Organa'] 3: (2) ['Anakin', 'Skywalker'] but when I change it to characters.name.split( " ", 1); it works and the result with all the first name with 1 element inside the array. maybe you can give me a little hint how is that happen, and any help would be appreciate. Thank you very much :D

@pXxDisasteRxXq 14 күн бұрын

3:55 can't understand why you added the parentheses

@mattsaussiedotaleague6097 10 ай бұрын

perfect

@satyasai8605 2 жыл бұрын

const characters = [ { name: 'Luke Skywalker', height: '172', mass: '77', eye_color: 'blue', gender: 'male', }, { name: 'Darth Vader', height: '202', mass: '136', eye_color: 'yellow', gender: 'male', }, ] need only luke as output how can we do using map,filter. output : ['Luke']

@Knards 3 жыл бұрын

Ok, I can console.log The minifiedRecords, but how do you convert the name & height object to an innerHTML or show it on a web page?

@JamesQQuick 3 жыл бұрын

Well you’d have to get a reference to that dom element. Then set its innerText property to a string that includes those values.

@Knards 3 жыл бұрын

@@JamesQQuick Thanks!

@Human_Evolution- 3 жыл бұрын

What is the extension for the fancy arrow functions and the triple equals?

@JamesQQuick 3 жыл бұрын

They’re don’t ligatures. It’s a setting that you can turn on if your font supports it

@Human_Evolution- 3 жыл бұрын

@@JamesQQuick got it. And I'm rock"n Fira. If only I knew how to code.

@_CSE_JaikrishnaP 3 жыл бұрын

please tell the vscode theme very nice

@marcerocharodriguez Жыл бұрын

how do you get the returns in the terminal¡?=?¡

@JamesQQuick Жыл бұрын

I'm using the Quokka VS Code extenion

@juancaca1993 Жыл бұрын

I got lost in the last part, I though split only worked in strings :c

@carlosdiazplaza1690 3 жыл бұрын

You should do .sort()

@JamesQQuick 3 жыл бұрын

Coming up tomorrow or the day after :)

@MrOriginal_ 3 жыл бұрын

Not sure where the github link is ...

@Lv28fighter 3 жыл бұрын

Its the tiny url. I'd just select it and go to it, then clone the repository in VS Code.

@stukagamerxtreme 2 жыл бұрын

@musa6173 2 жыл бұрын

you goddamn beautiful, beautiful, man. thanks bro.

@kirayamato6128 3 жыл бұрын

This is object in arrays

@user-xz3ws9lz1o 2 жыл бұрын

@thecscontent5110 3 жыл бұрын

I also do videos about programming!😁

@brett3554 2 жыл бұрын

joe exotic?

@satyasai8605 2 жыл бұрын

@SubhamKumar-9009 3 жыл бұрын

perfect