Javascript Nuggets - Reduce (object example)

Javascript Nuggets - Reduce (object example)
Fusion Charts
www.fusionchar...
Products I Use:
Microphone - Shure SM7B - amzn.to/3fX55aD
Headphones - Shure AONIC 50 - amzn.to/3zbkxHC
Desk-Mounted Microphone Stand - amzn.to/3x3MBuS
Crossover - dbx 234s - amzn.to/3xcryGC
Audio Interface - Focusrite Scarlett 2i2 3rd Gen - amzn.to/3pt1wMx
Cheaper Microphone (My first mic) - Blue Yeti USB Mic amzn.to/3iliwTm
Blue Light Blocking Glasses - amzn.to/3fZASrv
Apple MacBook Pro 13.3" - amzn.to/3z5QDEK
iMac - amzn.to/3glWmOe
Second Monitor - LG 4K UHD 27UD88 - amzn.to/3ckdwdV
Wifi Router - TP-Link AC1900 - amzn.to/34ZSddz
Desk Chair - amzn.to/3ikNbQJ
Standing Desk - amzn.to/3zdKVAJ
Books I Recommend:
The Subtle Art of Not Giving a F*ck - amzn.to/3v9t8Yi
The Tipping Point - amzn.to/3gCslKj
Atomic Habits - amzn.to/3x52xNa
12 Rules for Life - amzn.to/3gln8pN
Deep Work - amzn.to/3cyAgqu
Digital Minimalism - amzn.to/3gao69A
A World Without Email - amzn.to/351Swoe
Rich Dad Poor Dad - amzn.to/3v8RWQ6
Rich Dad's Cashflow Quadrant - amzn.to/3ivt1Uk
Check out My Amazon Store for more products and books recommendations - www.amazon.com...
Disclosure: This video is not sponsored. Some links above are affiliate links, and l may earn a small commission from any purchases at no additional cost to you. Thank you for supporting my channel!

[@thutanyan1381]

You are the best in React and Javascript. Thanks, Sir for your teaching.

[@vscodeaddict6607]

u r my kinda teacher i wanna learn more and more from u thank you

[@vscodeaddict6607]

your channel is very under-appreciated.

[@CodingAddict]

Oh, well. It is what it is :)

[@Shakeel714]

Quality series from an awesome teacher to get really confident in web dev topics

[@emekaokonkwo626]

Man your explanation is stellar.... most examples of reduce are using numbers... this is really helpful sir.. cheers

[@cesmorf5398]

you are a genius in teaching this, believe me, i see many people claiming to be the best course but the transmission method is far behind you

[@pitbul67204]

Another great JS nugget thanks for all the great tutorials

[@PetroCAD]

You are the best teacher ....

[@eq6P6jW4bM8]

As always, amazing content, thank you so much! :)

[@vishant898]

you explain very well .2nd Example is complicated i will be watch again... make videos on slice ,splice and split

[@christopherak4656]

create a small sample of array objects for different languages and go over it again! it works. For the else statement it initialises the value to 1 before the count for the language if has not been counted yet that it why there is an empty object to set all the values to 1 before the count begins

[@anandhinamasu9138]

Thank you so much Jhon, to make it every topics so easy to grap using real time project example, you are my best coach❤

[@likojhyu]

This vídeo is really good 👍 Reduce's power is amazing, we can implement very interesting tasks. Thank you.

[@leonbelokopytov]

On 10:19 its also possible to use the + operator to convert a string to a number like so +cartTotal.toFixed(2) Great video, thank you (:

[@CodingAddict]

Great tip!

[@lukaszszmyd8767]

Thank's John, great content

[@Auditor1337]

This one was so cool, I learnt a ton

[@CodingAddict]

Thank you!

[@queerly__coded]

Hey thanks for this John. I've been working on a kata for a while trying to figure out how I could use reduce to return only unique values from an array of objects into a new object and even though I had to fandangle this a bit in my logic, your direction gave me the first part of the solution to my puzzle. I got such a rush when my console.log returned what I had hope for. tyvm ~Hope

[@ozankurucu6261]

Thank you!!

[@jydev8073]

Waiting for next.js tutorial from Coding Addcit :)

[@lifeisbeautifu1]

Thank you❤

[@ferhatsunaycansev106]

perfect videos if we want async await and promise videos maybe they are also unclear : ) thanks again

[@sayalikandhare7294]

Excellent video!!! I was wondering how you got the console.log() output to show up in your VS CODE?

[@CodingAddict]

it's vs code extension called quokka.js (free version)

[@CoderDmitri]

John.... JOHN... Notice MEEEEE! You are MY HERO... !

[@RokSlana]

Nice!

[@aliss14]

Man, How didn't I know you earlier ;(

[@piotrszczesniak]

Hello! Thank you for this tutorial. Really useful. I am just wondering how to count number of items and "bundle" them when they are the same increasing amount...

[@charmz973]

woow!!!

[@brutalv4]

Great video! By the way, what's the extension for VS Code that shows the function results? Thank you!

[@CodingAddict]

quokka.js

[@olegg1082]

This must be trolling at this point. This question is being asked and answered under literally every video and often multiple times.

[@brutalv4]

@@olegg1082 no trolling at all =)

[@deveighteen6302]

@@olegg1082 you meant "trending" ?

[@deveighteen6302]

I guess he meant "trending"

[@AnkitPatel04]

Can you tell me what is this syntax "total[language]" I am confused

[@sairfan06]

What vscode extension was used here to show result on each row?

[@abelmarkos5753]

great video it will be realy amayzing if you could find time to do some back end tuttorial like node.js and mongodb it will help in increasing the coding addict community and i hope the day come when this chaneal hit the 1million subscriber

[@cornel9651]

Hey man! Thanks for sharing this...also whats that adon that shows in vscode what a function rerurns or console.logs? Thanks

[@CodingAddict]

extension quokka.js

[@askarp6485]

Thanks sir, it’s a great video, what extension are you using to show the console log output?

[@CodingAddict]

quokka.js

[@SeniorJuniorDeveloper]

When you add parseFloat() at 10:18 it breaks toFixed(2) and makes cartTotal = 5599.9 (line 43): cartTotal = parseFloat(cartTotal.toFixed(2)) But if I do 'cartTotal = parseFloat(cartTotal).toFixed(2)' then cartTotal = 5599.90 in fact, passing any number into parseFloat(cartTotal.toFixed(number)) from 1 - 11 will result in 5599.9, while passing any number greater than 12 will result in 5599.90 Why is that?

[@CodingAddict]

Hmm. I'm really not sure :)

[@furyofonethousandgods2926]

Hey John, do you know why I keep getting "fetch is not defined in VSCODE". I even copy pasted your code and still says fetch is not defined. It's like I'm missing a package or something but I thought fetch was built in

[@CodingAddict]

It's probably something to do with your settings.

[@shellbot972]

got it resolved by installing node-fetch version 2 : npm install node-fetch@2

[@user-ct5oo3do7b]

response.json() / res.json() // Despite the method being named json(), the result is not JSON but is instead the result of taking JSON as input and parsing it to produce a JavaScript object. "Parse as JSON" means analyze it in JSON format - but JS is returned

[@olegg1082]

Hi, thanks for another amazing video! Can you maybe clarify what you mean by "dynamic functionality". When you talk about the input array you also said it's not going to be dynamic. Could you explain how dynamic would work? Or do you cover that in some other videos?

[@CodingAddict]

Hi, it means that in this case we have a static value of cart. In react project cart value is changing when we click buttons but the functionality to count the totals is still the same (our function)

[@Fatima-ie5kj]

What if i want to get unique object key's from arrays of objects is it possible to do this in reduce method? Kindly guide me thankyou

[@ivanyosifov2629]

Can we also go over *forEach* in this series just for the sake of completeness?

[@CodingAddict]

Hey Ivan, emm we will see, at the moment I have only one more planned

[@great9640]

this is a pretty difficult topic for me to grasp

[@sharku111]

|| 1 ? It is very clever.

[@relationtips4725]

hey what is that const{amount, price} can u explain me to please

[@spondoolie6450]

I came for the tacos and burritos

[@bit.blogger]

I get fetch is not defined can you help me?

[@khushiujjawal3668]

global.fetch = require("node-fetch");

[@irsyadrdp]

@@khushiujjawal3668 Thank you !!!

[@mrkhoros]

what extension are you using for the alarts?

[@CodingAddict]

If you mean console.log - quokka

[@Do-qr3jt]

Hi, what kind of extension which shows answer ,,, please,,,

[@CodingAddict]

quokka.js

[@MultiAlifarooq]

The one who dislike the video will be surely from your family.

[@CodingAddict]

why?

[@olegg1082]

What do you mean?

[@MultiAlifarooq]

It was a sarcasm....You will not get because mostly in Asian countries family members like cousin don't appreciate your efforts..I m learning a lot from you...

[@CodingAddict]

Ha ha. Thank you for info

[@aatomaszewski]

cart array, just to not rewrite it :) ``` const cart = [ { title: "Samsung Galaxy S7", price: 599.99, ammount: 1 }, { title: "google pixel", price: 499.99, ammount: 2 }, { title: "Xaiomi Redmi Note 2", price: 699.99, ammount: 4 }, { title: "Xaiomi Redmi Note 5", price: 399.99, ammount: 3 }, ]; ```

Killer language decision: language && (total[language] = total[language] + 1 || 1); //