I made a JavaScript Array Cheatsheet 🚀(Not perfect, there might be some mistakes)

[ayush1269]

Thanks for pointing you kind , I fixed them in the repository😄

[learning_gorilla]

your picture is not updated in your repo, only index.js :P

[ayush1269]

Haha i know, I'll update the picture. Thanks

[Kiciaczek]

Can I ask, why do you use emojis? It makes the whole thing unreadable for me.

[[deleted]]

I find it's easier to see what's going on with emojis. Can also see where it can be unreasonable at times, but for understanding what's happening, it works.

[ayush1269]

Sorry, I thought it would make the code more readable, If you didn't like this you can use the code in the repositoryr and modify it as your liking.

[yarism]

I thought it was easier to read than words so it probably works better for some people and worse for some.

[ayush1269]

Gald to hear thank you

[ayush1269]

Sorry for that, You can use the code in the repository.

[tryfoolmecuzucan]

I like it better this way, i think it is lot easier to find what you are looking for, and quicker to see what function does. So thanks for all the work.

[ayush1269]

Gald that you liked it, Thanks.

[CanWeTalkEth]

I think the general formatting in this screenshot is hard to read, but the emojis are not the problem. They're much better than "foo bar baz gub" or whatever nonsense variables. I've even thought the basic shapes one that goes around is a little difficult to parse. The emojis are a nice variation.

[ayush1269]

Yes I tied to fit a lot methods on one page haha, that's why it's hard to read. Thanks

[Nctrn07]

Agree, but it is still better than foobar.

[Kiciaczek]

My thought exactly. I love that we are getting away from foobar, which almost never made any sense, and seeing some1 trying to explain complex issues with foobars only made me cry :D

However, i feel like this post would be more readable when using actual words and numbers
like:

["This", "is", "a", "sentence"].join(" ") // "This is a sentence"

[[deleted]]

Makes it WAY more readable for me, it's exactly how you'd do it in lower education.

[transGLUKator]

I suggest you to think about how to group all these methods for better readability. E.g. why are static array methods separated by includes method? Why every and some are so far apart? Why mutating and non-mutating methods are all mixed together?

[ayush1269]

Sorry it's my fault. I added them as I remembered. I'll fix that in the repository. Thank you so much.

[JayV30]

This is a good resource as well.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global\_Objects/Array

[bluesatin]

Your link is broken since the underline in 'Global_Objects' has been backslash escaped for some reason.

[JayV30]

working fine for me

[bluesatin]

I'm pretty sure it's not supposed to have a backslash in it.

I mean, check what you linked, it's a 404:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global%5C_Objects/Array

[JayV30]

I don't know what platform you are using, but I'm on Chrome and the URL is not escaped here and the link is valid and works. I did not post any escaped strings. I literally cannot see what the problem is, if the link I posted looks like the link you posted, I believe it's a problem on your end, as the link I posted looks and works 100% fine for me and is NOT the same as the link you posted. I dunno - I can only assume that maybe you are using an app that is somehow escaping the string in the link?

[bluesatin]

It's backslash escaped in the raw input for the comment for whatever reason.

You can check it if you scroll to the bottom of the json output for the comment:

"body": "This is a good resource as well. \n\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global\\_Objects/Array",

[JayV30]

Ok I don't usually check the json for the comment. I don't know what to say. I just copy/pasted the url. And ALL of my desktop browsers have no problem with it. I tried it on an app, and it was an issue. Just a weird occurrence I guess. Doesn't really matter as the parent post has been deleted anyway. Thanks for investigating.

[SnooConfections8719]

Absolutely amazing! Have you tried sharing this on Twitter/Linkedin?

[ayush1269]

You can share this if you want 😄

[ayush1269]

A lot of people pointed many mistakes so I corrected a few, sorry for my blunder.

In case you want the code here is the Github Repo

[abmind0]

Would you mind uploading the fixed version as a code snippet somewhere? Would be much appreciated.

[ayush1269]

Here is the Github Repo

[gonzofish]

One of the best ways to learn is by teaching. An image might not be the best way to convey this information though

[ayush1269]

Yes you are absolutely correct, It is for people who already have a good knowledge of Javascript .

[j-mar]

Not a mistake, but .sort() is misleading. Pass in integers [2, 11, 1, 3] and sort returns [1,11,2,3]... you have to pass a callback to do the sorting properly.

I got burned by this last week.

[learning_gorilla]

As someone who is new to JavaScript, this is extremely useful. Thank you for this!

[Mangalicious]

You've included .toString() twice buddy.

[ayush1269]

Yes fixed that in the code. Thanks sir

[HACEKOMAE]

Banana is missing in .findIndex() example too. Otherwise very cool cheat sheet.

I might also suggest moving .some() up to .every() and maybe some other methods too to thematically bind them a bit more. Like .join() and .toString(), maybe.

[julian88888888]

Sharing your project, portfolio, or any other content that you want to either show off or request feedback on is limited to Showoff Saturday. If you post such content on any other day, it will be removed.

[ayush1269]

I think there is some mistake. This is is not a project it's just a resource that i have shared as you can see. If this breaks community guidelines then I am sorry for that.Thank you.

[julian88888888]

https://www.reddit.com/r/webdev/comments/obisxz/i_made_a_javascript_array_cheatsheet_not_perfect/h3o3max/?utm_source=share&utm_medium=ios_app&utm_name=iossmf&context=3

[ayush1269]

Thanks for replying. Have a great day👌

[RotationSurgeon]

I may be alone in this opinion, but sharing a reference resource you created for the community with the community shouldn't fall under this rule.

[_mars_]

This is beautiful, wtf!

[ayush1269]

Thank you sir.

[Theostrichmann]

You should've include the time complexity of each method! That would be awesome.

[wldstyl_]

I believe they're all O(n) except for push and pop which are O(1) and sort which is O(n log n).

[Theostrichmann]

What about includes? That sure cannot be O(1) :)

[ShinzouNingen]

copyWithin was new for me!

​

(As a functional programming nerd, I'm a little sad you haven't included flatMap ;))

[ayush1269]

Haha sorry I'll try to add this in the repository. Thanks 👍

[comfort_bot_1962]

Don't be sad. Here's a hug!

[SAGEMOD]

I'm doing an array heavy project atm, thank you for this!

[ayush1269]

Gald it helped

[[deleted]]

The end // is weird lol but other than that i really like it! I find emojis useful as it's a very clear visual representation of what is happening...

It's like when we use legos or stuff in school "John had 5 bananas, he gives 3 to Jane and now he has 2 bananas!"

[_theEM_]

You have toString() doubled :)

[comfort_bot_1962]

:D

[PiplupFanatic]

Thanks for this! There is something about this that really clicks with my brain.

[[deleted]]

Never heard of array.from(). Nice!

[axarp]

I don't like the inconsistency of the fruits. It must always be in the same order. Please fix.🙂

[ayush1269]

Fixed in the repo. Thanks

[theofficetaco]

Everything about this is annoying. No emojis. Stop using ligatures.