🤓7 Useful JavaScript One-Liner Code You Must Know 💎

Hey Coders, it's me Md Taqui Imam. In today's blog, I want to share some 7 useful JavaScript one-liner code that can make your code look more professional and reduce code base size.

And Don't forget to checkout 👇 once

Free HTML Website Templates on HTMLrev

Discover free HTML website templates built with vanilla CSS, Bootstrap, Tailwind, Angular, React, Vue, Nextjs, Nuxt, Svelte, Gatsby, Astro and Laravel.

htmlrev.com

So Let's begin and don't forget to drop a (🔥💖🦄🚀🤯) and save it for later 📌.

If you have any doubt then comment below 💌.

Follow me on Github✅

1. Find Value in Array 🔍

Let's start with Basic One-Liner of how to Check if an Array contain a value or not.

// Array
const MyArray = [12,55,40,78,5];
// One-liner 
const haveValue = arr => arr.includes(5);
// Test
console.log("Answer ", haveValue(MyArray)) // Answer true

This is the one-liner to see Array contain a Particular value or not. You can modify accourding to your needs.

2. Object Deep Clone 💀

This one-Liner will make a Deep clone of your object:

const myObj = {
  "name": "Md Taqui Imam",
  "age": 22,
  "country": "india"
};

const deepClone = obj => JSON.parse(JSON.stringify(obj));

console.log("Answer ", deepClone(myObj));

// Answer Object {"name": "Md Taqui Imam","age": 22,"country": "india"}

And thanks to @jonrandy contribuiting about one more shortest and easier way to clone objects in javascript with structuredClone( )

const myObj = {
  "name": "Md Taqui Imam",
  "age": 22,
  "country": "india"
};

const deepClone = structuredClone(myObj) // with  structuredClone

console.log("Answer ", deepClone);

3. Scroll To Top 📃

This is the One-Liner that instantly navigates you to the Top of the Page :

window.scrollTo(0, 0) // navigate to Top

4. Truncate a String To a Specific Length "..."⭐

This One-Liner is to Truncate a String and add "..." to an End on a specific given Length :

const myString = "Lorem ipsum is simply dummy text of the printing and typesetting industry.";

const truncate = (str, len) => str?.length > len ? str.slice(0, len) + "..." : str;

console.log("Answer", truncate(myString, 52)); 
// Answer Lorem ipsum is simply dummy text of the printing and...

5. Remove Duplicated item in 👉 [ ]

This one-Liner will return a new Array without repeating duplicated item from an Array :

const myArr = [4,8,3,9,4];

const duplicate = arr => [...new Set(arr)]

console.log("Answer ", duplicate(myArr));

 // Answer (4) [4, 8, 3, 9]

6. Check all are same 🤔 or not

This one-liner will help you to check that all item of an Array are same/identical or Not :

const myArr = [4,4,4,4,4];

const allSame = arr => arr.every(val => val === arr[0]);

console.log("Answer ", allSame(myArr));

 // Answer true

7. Get last item from 👉 [ ]

Now, Last one-liner will help you to get the last item of an array :

const myArr = [4,8,2,9,1,6];

const lastItm = arr => arr[arr.length - 1];

console.log("Answer", lastItm(myArr));

 // Answer 6

See you in next week 😅

I hope you find this Blog post helpful and these 7 one-liners will help you to make your code base size smaller, and boost you productivity.

Have a nice day👋

Random

I'm a self-taught Web developer who is always learning and creating cool Project stuffs.

Random @random_ti