WRITE FOR US ARCHIVE ABOUT US OFFICIAL STORE
Dev Genius
Coding, Tutorials, News, UX, UI
and muchSign
moreinrelated
to yourto
account (ok__@g__.com) for your personalized experience.
development
Sign in with Google
Follow Not you? Sign in or create an account
15 This is your last free member-only story this month. Sign up for Medium and get an extra one
13 Useful JavaScript Snippets To
Code Like a Pro
Here is the JavaScript Snippets toolbox for your Everyday
Programming Problems
Haider Imtiaz Follow
Oct 7 · 4 min read
Designed by www.freepik.com
In this article, I will share 13 snippet codes for JavaScript. This is a
toolbox for the developers and you are allowed to freely use this snippet
code. So without wasting any further time let get started.
1. One-liner Swapping
Every Programmer knows swapping is done with a third variable name
temp. But in JavaScript, we can swap two values in one line without any
temp variable using the destructive method.
// Swapping
let x = 900;
let y = 1000;
[y, x] = [x, y];
console.log(x, y) // 1000 900
2. Get ByteSize
This snippet code will show you how to get the byte size of any object in
JavaScript using the built-in method.
// Get Byte Size of any Object
const ByteSize = data => new Blob([data]).size;
console.log(ByteSize("Yoo")) // 3
console.log(ByteSize(23244)) // 5
3. Pro Reversing
Now you no longer need to use loops to reverse a string, This snippet will
help you to reverse any string with one line of code. Take a look at the
below code example.
// Pro Reversing
const Reverse = str => str.split("").reverse().join("");
console.log(Reverse("Coding")) // gnidoC
console.log(Reverse("World")) // dlroW
4. Check AllEqual
This useful Snippet code will help you to check if the array elements are all
same or different. This comes in handy when you need to check an array of
duplicates elements.
const isEqual = arr => arr.every(val => val === arr[0]);
console.log(isEqual([10,10,11,11,12,13])) // false
console.log(isEqual([10,10,10,10])) // true
5. Random Selection
Sometimes we need to select the random data from an array. Let suppose
you are making a game in JavaScript and you want to add a function that
randomly selects data from the array. Then this snippet code will be a
helpful tool for you.
// Random Selection
function Random(array){
return array[Math.floor(Math.random() * array.length )];
}
let array = ["Google", "Youtube", "Twitter", "Instagram",
"Facebook"];
console.log(Random(array)); // Facebook
6. JSON Readability
Make your JSON data cleaner and easy to read by using the following
snippet code.
// JSON READABLE
const Jsontest = JSON.stringify({ name: 'Haider', age : 22, class: 12
}, null, '\t');
console.log(Jsontest)
// output
{
"name": "Haider",
"age": 22,
"class": 12
}
7. String Placeholding
You can include variables in String using this snippet code. We will do this
with the help of the ${} method. Take a look at the below code example.
// String Placeholder
let placeholder = "Front";
let placeholder2 = "Back"
console.log(`I'm a ${placeholder} End Developer`); // I'm a Front End
Developer
console.log(`I'm a ${placeholder2} End Developer`); // I'm a Back End
Developer
8. One-liner if Else Statment
You had probably used the if-else statement in JavaScript which is basically
multi-liner code. But do you know we can write an if-else statement in one
line? Check out the below code example.
// normal way
if (2 > 5){
console.log(true);
}
else{
console.log(false)
}
// One liner way
2 > 5 ? console.log(true) : console.log(false)
9. Rid of Duplicates
This snippet will help you remove the duplicates from the array. This comes
in handy when you have long elements of the array and it contains some
duplicate elements.
// Rid of Duplicates
function dup(array)
{
return [...new Set(array)];
}
console.log(dup([1, 1, 3, 3, 4, 5, 6, 7, 7, 7, 9])) // [1, 3, 4, 5,
6, 7, 9]
10. Split String into Array
This simple snippet will help you to split strings into array form. Take a look
at the below code example to know.
// split string into array
const string = "JavaScript"
const convertsion = [...string]
console.log(convertsion) // ["J", "a", "v", "a", "S", "c", "r", "i",
"p", "t"]
11. Sorting an Array
Sorting is a part of our everyday programming. You had probably used the
Loop method and algorithm to sort data. But this snippet code will show
how to sort in JavaScript with the sort() built-in method.
// Sorting
var array = ["F", "E", "D", "C", "B", "A"]
array.sort()
console.log(array) // ["A", "B", "C", "D", "E", "F"]
12. Capitalize the First letter
This snippet code will capitalize the first letter of your string. Check out the
code example below.
const capitalize = ([letter, ...rest]) => letter.toUpperCase() +
rest.join('');
console.log(capitalize("javascript")) // Javascript
console.log(capitalize("programming")) // programming
13. Get Current Time
This snippet code will get you the current time of your timezone in
JavaScript. Take a look at the code below.
// Current Time
var date = new Date(); // for now
let hour = date.getHours(); // => 9
let min= date.getMinutes(); // => 30
let sec = date.getSeconds(); // => 51
console.log(hour + ":" + min + ":" + sec) // 16:34:33
Final Thoughts
I hope you find this article helpful and enjoy reading it. Feel free to share
this article with your Programmer Friends. Happy JavaScript Coding!
You can support me by becoming a Medium member, check below. 👇
Join Medium with my referral link — Haider Imtiaz
As a Medium member, a portion of your membership fee goes to
writers you read, and you get full access to every story…
codedev101.medium.com
Never stop learning! Check out my other articles, hope you find them
interesting 😃
How to Send Gmail with Python step by step Guide
Gmail is the most widely used Personal and business email
worldwide, You had been used Gmail in your daily life for…
blog.devgenius.io
Build an Instagram Bot with Python
In this tutorial, you’ll learn how to build a bot with Python and
InstaPy, which automates your Instagram activities by…
blog.devgenius.io
How to Make a Chrome Extension
Build your first chrome extension with step by step guide
blog.devgenius.io
A Beginners Tutorial for OpenCV using Python
Getting started with OpenCV python and learn basics step by step
blog.devgenius.io
Creating Youtube Downloader in Javascript
Step by Step guide how to create youtube video downloader in
javascript.
blog.devgenius.io
Sign up for DevGenius Updates
By Dev Genius
Get the latest news and update from DevGenius publication Take a look.
Get this newsletter
JavaScript Programming Coding Software Development Nodejs
15
WRITTEN BY
Haider Imtiaz Follow
Top Writer, Programmer, UI Designer, Thinker, and Fitness and
Health expert ✌ | Love to write articles on different
Programming languages
Dev Genius Follow
Coding, Tutorials, News, UX, UI and much more related to
development
More From Medium
How to use bootstrap OnBoarding Instructions Who run the app world? Getting Started With
with Rails6 for Angular Developers React! React.js — Part 1
Chrisbradycode Jose Matos HUMAN INTERFACE Siddhant Varma in Better
TECHNOLOGIES Programming
Factories Are STILL Building an interactive Dealing with multiple Coding Serverless
Better Than Classes In Kiosk using Vue.js & Promises in JavaScript Functions in Idris
JavaScript Electron Edvinas Daugirdas in The Donald Pinckney
GreekDataGuy in JavaScript in Allen Oliver M Chun Startup
Plain English
Learn more. Make Medium yours. Write a story on Medium.
Medium is an open platform where 170 million readers come Follow the writers, publications, and topics that matter to you, If you have a story to tell, knowledge to share, or a
to find insightful and dynamic thinking. Here, expert and and you’ll see them on your homepage and in your inbox. perspective to offer — welcome home. It’s easy and free to
undiscovered voices alike dive into the heart of any topic and Explore post your thinking on any topic. Start a blog
bring new ideas to the surface. Learn more
About Write Help Legal
