Get help on our basic JavaScript and Algorithms Challenges. If you are posting code that is large use Gist - https://gist.github.com/ paste the link here.
const allControlIDs = steps
.map(({ hazardAndControls }) =>
hazardAndControls.map(({ controlIDs }) => controlIDs)
)
.reduce((acc, cur) => acc.concat(cur), [])
.reduce((acc, cur) => acc.concat(cur), []);
whoa >.>
Told you haha
I know there must be a way to clean that up...
So hold on, the data is:
steps: [
{
hazardAndControls: [
{
controlID: ['id'] // got lazy to indent format this
}
]
}
]
controlIDs is just an array of numbers
I edited, like that right?
Ya
And so we will have an unknown number of
steps and an unknown number of hazardAndControls
I see, so it looks like you could more or less do it with 3 "loops", in some way or form.
Ya...I was thinking I have one too many here
The thing with "chaining" reduce,filter,forEach is you iterate over the array again and again, which might add extra work
actually It will add extra work haha
Absolutely
Regardless tho, we gotta clean up dah code
I agree
Let me write it down on vscode real quick
Mmmk...I'm still looking at this to see if I can get anything better too
This is what I got, idk about it being valid JS, since my linter is to strict on where I wrote it so I had a bunch of errors (like shadow variable names), but you should get the idea:
const allControlIDs = steps.reduce((allControlIds, steps) => {
const hazardsAndControls = steps.hazardAndControls.reduce((hazardsAndControls, hazardAndControl) => {
hazardsAndControls.push(...hazardAndControl.controlIDs);
return hazardsAndControls;
}, []);
allControlIds.push(...hazardsAndControls);
return arrControlIds;
}, []);
Lets see here
Definantly the sorta function/code you test :P
It works after I changed
arrControlIds to allControlIds
Haha alright cool, yea might of been a typo
heck if this pattern is common you could totally write a helper higher level method that takes in the nested array properties you want to "flatten"
It might be.. I haven't worked a ton on the backend code for this yet
I'd think about it, from what I understand from this app I remember the data having a good amount of levels. Might not be worth the work, you could easily refactor this into seperate functions that are used together, and are re-usable.
Ya there's a bit of nesting in the data structure heh
I think this code isn't as performat as could be either, 1 reduce at the top level and nested forEaches might be faster, but it all depends
spread operator performance. But I degress
So...just to make sure I fully understand whats happening here. The inner reduce is flattening the controlid array for each step, and the outer reduce is then flattening each steps flattened array
Yes pretty much
Thanks man.. you made my ugly code prettier.. lol
np :D
And I'm slowly learning more about how to use reduce outside of arithemtic (jesus christ spelling?)
Just remember its "syntax sugar" to this sorta code:
let someVar
someArr.forEach(() => {
// doing something to somVar over an array
});
where forEach can be any loop
True
I gotta hit up the bank real quick, so C ya in a week @JLuboff :D
Alright man, have a good one
There really isn’t a general FCC chat on here. Would anyone be opposed to me asking a question unrelated to FCC ….
@bgq007 As long as it doesnt violate FCC's COC you can ask
@ezioda004 I can’t imagine it does, I have been trying to switch from Google products. Im now using FireFox Quantum, but I do have Gmail accounts. I use DuckDuckGo for my search, but if you have GMAIL logged in (which I pretty much do all the time) Google still ‘sees' (from my understanding)…. with addition, I don’t really like DuckDuckGo. Id prefer to use Google search without being signed in. But can’t if logged into Gmail. Anyway, point is, anyone know of WEB based email services with IMAP so I can import all my different account into one place? Just like I could with Mail (Apple Mac OSX app)? I don’t want emails being stored locally. I want a web based solution. I just ran across Protonmail so I am checking them out. But wanted to get opinions from others. Small fee would be fine, but need to be able to access / import Gmail, Outlook and personal domain accounts. One place, all my emails. Thanks!
Morning :wave:
hello
:wave:
How's it going?
fine got stuck JS again, you?
Learning Scheme right now
new language?
whats it?
Its MIT's version of LISP. Only learning as its the language used for the book
Structure and Interpretation of Computer Programs
Which I'm going through that book to help establish a better understanding of core principles
just googled what LIPS is and shoked
it is invented around 1958
Yup. It's an old language hah
and it still uses
wow
Ya, so the book uses the 'dialect' Scheme which is basically an evolved version of LISP
dialect as a term in programming language, huh :D
Apparently hah
Anyone know if you can access (edit) a SVG file from an external JS? What I mean is, I know I can target and change an SVG if its inline HTML. But depending on the file, that could be a ton of code. So, I’d like to be able to link to the SVG files via IMG or OBJECT or something like that but then still be able to target the SVG elements (like stroke color for example) from my JS file. I don’t think it’s possible, but thought Id ask. Would be really nice to keep the HTML clean.
I am also working with svg right now
@bgq007
I am working in react
if you know react, may be this will give you some pointers
@ankur1163 Im just starting to learn react, I could see that being useful, buts really confusing to me right now. I just used vanilla JS.
thanks for the link. Maybe I can use this desire to simply my HTML to learn react.
:wave:
@JLuboff what's up
@JLuboff what's up
@cmccormack Hey man, whats happening?
@JLuboff nm man working some FCC Pull Requests
How was your holiday?
Not too bad...nothing too exciting but no complaints there heh.. You?
heh mine was good, still doing stuff which is fun. had another thing last night, should have one tomorrow, then another sunday
Jeez
Thats a lot
started up a new app as well, personal one
Nice, what're you building?
yeah lots of family in town/coming in to town after christmas
a media tracker app, something that helps you track your owned media across platforms
want to build it slowly and add features over time
Neat
doing anything for yourself this holiday?
Nah.. back at work lol. Took the kiddo to the zoo on christmas and a really cool playground
otherwise.. thats about it. Not sure about NY
sleep by 10 I bet haha
...perhaps... :P
Do you typically go out on NYE?
@JLuboff nah we usually try to have people over but then nobody shows because nobody wants to drink and drive so we have tons of extra food, which we consume a lot of while watching twilight zone the next day and getting sick
:joy:
My brother will be staying out our house this year though so we may try to do something
Thats the spirit!
yeah! well I'm going to jump off now and find some work to do on the house - ttyl!
sEE YA
someone help me in react?
I have ternary operator for start stop button
how can i apply some sort of animation on these buttons?
node "masterclass" ...."Congratulations, you have made it through the first section, lets go over the modules we have used, Command line options to set environment variable, the console, we have learned how we can console many diffierent useful error to the console to help us debug"
NOOOO SHIT, console, i never heard of that before
this was the biggest section of the course btw
"masterclass"
@ankur1163 Are you familiar with animations in general?
yeah
I have played with trasitions and transform properties
@ehutchllew
@Pagnito Sounds invigorating
yes, im full of life right now, the type of life that ends up behind up bars
@JLuboff
heh
It is important to know that stuff (nodejs isn't strictly a web server) but...it is pretty boring
let favoriteMove = `{
"title": "Black Panther",
"director": "Ryan Coogler",
"year": 2018,
"imdb": 7.5
}`;
let favoriteMovie = JSON.parse(favoriteMove);
console.log(favoriteMovie);
Hey folks, just wanted to convert json data into object but it is throwing me syntax error
You need to escape each line if you're going to do that (have the string on seperate lines)
Or just use
`` instead of'`
Argh
Use a template string (backticks) instead of regular single/double quotes for around the entire object
ok so I could do string literal for that
Ya
let favoriteMove = `{
"title": "Black Panther",
"director": "Ryan Coogler",
"year": 2018,
"imdb":7.5
}`;
no $ sign
No, you only need
$ when you're adding a variable inside. i.e const word = 'potato';
console.log(`My favorite word is ${word}`)
why that didn't work even using backtick ?
It does work.. what do you currently have?
thanks, sorry i was looking in my console. I forgot to refresh
:D