30 seconds of code: Curated list of useful JavaScript snippets

[koolba]

Besides the "Hey I can write stuff you can't read" factor, what's the point of the array and scientific notation here for the UUID generator[1]?

    var uuid = _ =>
      ( [1e7]+-1e3+-4e3+-8e3+-1e11 ).replace( /[018]/g, c =>
        (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
      )

The first piece evaluates to the static string '10000000-1000-4000-8000-100000000000'. Writing it using the array toString and scientific notation saves 8 bytes (or 10 if you remove the other whitespace) but is otherwise pointless.

It'd be even better to use '00000000-0000-4000-0000-000000000000' as the "1" and "8" values aren't special. That would let you replace the /[018]/ with just /0/ too.

[1]: https://github.com/Chalarangelo/30-seconds-of-code/blob/mast...

[onetwotree]

I'm with you 100% that this is silly, show-off-y code golf at its worst. The fact that its purporting to generate something a bit sensitive (why else would you use the awkward `crypto.getRandomValues` interface?) is especially troublesome - sensitive code should be clear at all costs.

I spent a bit longer than 30 seconds looking at it though, and I think the 8 is actually significant - according to the RFC,

> "Set the two most significant bits (bits 6 and 7) of the clock_seq_hi_and_reserved to zero and one, respectively."

The right shift by `c / 4` seems to be taking care of this, at least if JavaScript's shift operator works the way I think it does.

The `1`s are to facilitate the goofy string creation trick.

The fact that there's some discussion around the meaning of the code on HN is a bad thing, of course!

[armandososa]

Is brevity (in terms of kb) important for this snippets? If not, I think having more explicit variable names (`string` or even `str` instead of `s`) would be better for the purpose of understanding them in less than 30 seconds.

Otherwise, I enjoy reading some of them.

[ng12]

It shouldn't be. The programmer should be able to decide, if they care they'll already be using UglifyJS or some other minimizer.

[azorba1987]

I am not the owner of the project, but from my point of view, brevity should be quite important. Some names could be more descriptive, though.

[danso]

It's been while since I've had to code heavily in JS (when ES6 required transpiling from Babel), so I'm fuzzy on the syntax. But what does the underscore and the use of the fat arrow mean in this context?

https://github.com/Chalarangelo/30-seconds-of-code#current-u...

> Use window.location.href to get current URL.

      var currentUrl = _ => window.location.href;

[armandososa]

The underscore is used for placeholders, that is variables you need to declare but you're not going to use. In this case, I guess, the author thinks that this looks better than

    () => window.location.href

[mbel]

Fat arrow is used to define a lambda function. The left-hand side of the arrow is argument list (_ is used to indicate lack of used arguments) and the right-hand side is the function body. It is equivalent to:

   var currentUrl = function () { return window.location.href; }

[tjallingt]

the `=>` de-sugars to:

    var currentUrl = function(_) {
        return window.location.href;
    }

the underscore is used so they don't have to type `() =>` instead

[thephyber]

Note that not all of this code is performant.

The Difference Between Arrays[1] snippet is O(n^2), but you could make it much more performant for many data types.

[1] https://github.com/Chalarangelo/30-seconds-of-code#differenc...

[fencepost]

Given recent discussions mentioning tools like Black Duck Software that looks for per-line signatures from open source projects, is there any information on any needed licensing for any of these? I know they're snippets, but I also know there are companies like SCO out there.

[timetrave1er]

In the current JS world of ever-increasing complexity, it's a breath of fresh air to see a useful and simple display of JS code. Thanks for sharing.

[hoosieree]

All that's left is to copy-paste all of these into a module and publish it to NPM.

/s

[xfr]

The "Randomize order of array" snippet isn't actually random. It would just confuse the sorting algorithm.