🤓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 CSS Templates & Themes on HTMLrev

Free HTML CSS templates and themes for websites, landing pages, blogs, portfolios, ecommerce and admin dashboards

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👋

RandomFollow

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