Helpful Javascript Oneliners to Make Your Code Cleaner
Barri
Posted on January 31, 2024
Javascript is unarguably one of the most popular programming languages in the world today. It is home to vanilla programming, multiple frameworks, complex apis, and a wide range of libraries, modules and functions.
Whether you are a newbie or a more experienced developer, using one-liners is a cool way to do more things with Javascript. In this article, we will be looking at over 12 Javascript one-liners that will make your code cleaner. They are simple, easy to remember, and show proficiency in using methods.
Lets go!
Eligibility to vote
This function checks if a citizen is eligible to vote. The minimum age of voting is set to 18. It uses a function called ternary operator.
// To check the eligibility to vote
let age = 25;
let votingelig = (age >= 18) ? "You are eligible to vote." : "You are not eligible to vote yet";
document.write(votingelig);
To get the last occurrence of a value
We can get the last occurance of a string using lastIndexOf() method to locate/search that specific value.
let lastoccurance = 'Jerusalem'.lastIndexOf('e');
document.write(lastoccurance);
Getting the domain name from an email
Here, we use substring() and IndexOf() methods to extract a substring from a string.
let getdomain = 'codecodablog@gmail.com'.substring('codecodablog@gmail.com'.indexOf('@') + 1);
document.write(getdomain);
No Fives
This program aims to get the count of numbers within a certain range but will not count any number with a 5 in it. For example, the range of numbers between 4 and 16 will return 11 because 5 and 15 were omitted. The result though can have a five.
//Getting the count of a range of numbers but no fives
nofives = (a, b) => Array.from(Array(b - a + 1), (b, i) => a + i).filter(b => !/5/.test(b)).length;
document.write(nofives(12,49))
Find the length of the shortest word
Given a string of text, this program will return the length of the shortest word.
//To get the length of the shortest word in the text
const findShortestword = (s) => s.split(" ").sort((a, b) => b.length - a.length).pop().length;
document.write(findShortestword("Bad situations cannot last"))
Checking a number to see if it is positive, negative or zero
Here, we will check if a number is positive, negative or zero
// program to check if number is positive, negative or zero
let d = -10;
let result = (d >= 0) ? (d == 0 ? "zero" : "positive") : "negative";
document.write(`Number is ${result}.`);
Getting the square root of numbers
To get the square root of a set of numbers, we use the map() and Math() inbuilt functions.
//simple calculations to get the square root of a set of numbers
let sqroot = [9, 36, 49].map(Math.sqrt);
document.write(sqroot);
The sum of numbers
To calculate the sum of numbers in a given array we use the reduce() function. The reduce() function like it's name implies reduces an array to a single value. Its return value is stored in the form of totals.
//calculating the sum of the numbers
const Sum = nos => nos.reduce((a,b) => a + b, 0)
document.write(Sum([8, 34, 6, 29, 2, 1]))
To get minimum value
This is just the opposite of getting the maximum value. In this case, we want the minimum value.
//min number
const minnum = nos => Math.min(...nos);
document.write(minnum([5, 10, 15, 20, 25, 30, 35]))
Calculating a random number from a range of numbers
Using Math() function, here we get a random number from a range of numbers
//calculating a random number from a range of numbers
let a = Math.floor(Math.random() * (45 - 35 + 1)) + 35
document.write(a)
Converting a string to an array
To convert a string to an array, we use the split() method. split() divides a string into an array of substrings. Split() accepts a separator as one of it's parameters to determine where each split should occur.
If the separator is not given, the split returns the entire string.
//converting a string to an array
let str = 'This is a string'.split(' ');
document.write(str);
Executing a function on every element of an array
To perform a function on every element of an array, we will use the forEach() method.
let letters = ['X', 'Y', 'Z'];
letters.forEach(function (e) {
document.write(e);
});
Multiple Variable Assignment
Javascript is flexible enough to allow us reassign variables and this can be done in a single line
//multiple assignment
let [w,x,y,z] = [30,84,28,"BABY"]
document.write(w, x, y, z)
Conclusion
Understanding of inbuilt functions play a large role in writing shorter codes.
Arrow functions, introduced in ES6, is also a fun way of writing shorter functions. They take only one statement that returns a value. Brackets, the function and return keyword are also not needed. This makes them the perfect syntax for one-liners.
Ternary operators also cut down the overuse of 'if' in conditional statements, allowing simple logical statements to be written in just one line.
To become a pro at writing one-liners, it is important to check these out and understand them.
Posted on January 31, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.