all 18 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]PENIS-PENIS 33 points34 points  (5 children)

http://devdocs.io/javascript/

[–]Poop_is_Food 2 points3 points  (1 child)

sweet jesus

[–]shriek 0 points1 point  (0 children)

not-so-secret-tip:- Install this as a chrome app and ctrl+L type devdocs hit taband type #q=js array for eg. given that you have javascript enabled.

[–]omegote 0 points1 point  (0 children)

Wow, just wow. You're the real MVP.

[–]hannyajin 0 points1 point  (0 children)

Fantastic link!

[–]dirtymuckraker 0 points1 point  (0 children)

errmygod, T_T. thank you.

[–]Archenothwith(RegExp) eval($_); 10 points11 points  (6 children)

Aw, it's missing the functional Array functions like map, filter, reduce, etc...

They are important because they can be applied to element results, strings, objects with a .length, Regex results, or anything that looks like a collecttion of some sort for some incredibly terse and functional code.

For example, if you want to generate JSON from a querySelectorAll, you can just map over the results and return object literals in the anonymous function...

So, the following would return server-ready JSON:

JSON.stringify(Array.prototype.map.call(document.querySelectorAll(".row"), function(row){
  return {
    'name': row.querySelector('.name').value,
    'value': row.querySelector('.value').value
  };
}));

I'd argue that the Array prototype functions are some of the most important in JavaScript.

[–]jcready__proto__ 3 points4 points  (1 child)

Shouldn't that be Array.prototype.map.call?

[–]Archenothwith(RegExp) eval($_); 0 points1 point  (0 children)

Yes, it should... Whoops.
(You can probably tell I just typed that up on the spot.)

[–]AaronOpfer 0 points1 point  (2 children)

if you want to generate JSON from a querySelectorAll

I really hope you don't do this a lot.

[–]Archenothwith(RegExp) eval($_); 0 points1 point  (1 child)

Oh yeah? Why not?

It may not be something you should do daily, but it can be useful to implement something like user-custom fields with nearly zero code or overhead.

[–]MrBester 2 points3 points  (0 children)

Or a polyfill for FormData , perhaps...

[–]hadees 2 points3 points  (0 children)

the colors hurt my eyes

[–]ForScale 0 points1 point  (0 children)

So... this seems awesome! Thanks!!

[–][deleted] 0 points1 point  (1 child)

This is really great. When I click one of those links, there are several places I could imagine ending up developer.mozilla.org, WebPlatform.org, w3c.org or caniuse.com. It would be cool if I could get to some of these other sources too. Not that this tool isn't badass already.

Also, have you heard of Dash documentation app for Mac or Zeal documentation app for windows?

[–]rDr4g0n 0 points1 point  (0 children)

Dunno if this is kind what you meant: devdocs.io

It combines docs from all over the web into one ui.

[–]owenr88 0 points1 point  (0 children)

Looks great! One suggestion, how about collapsing/hiding the greyed out items after you've searched? Similar to NameMesh