🤓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👋

RandomFollow

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

Comments

[Ranjan Dailata]

Improved code for deep cloning of objects.

function deepClone(obj) {
  // Check if the input is an object
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }

  return JSON.parse(JSON.stringify(obj));
}

[Random]

Thankyou Ranjan for your contribuition 🙏

[Jon Randy 🎖️]

Further improved code - use the native structuredClone:

const clone = structuredClone(obj)

Faster, less problems, more options.

[Random]

this is 🔥

[Julien Dephix]

Hi.

You can add js next to the opening backticks to have syntax highlight.

Also note that JSON.stringify will work as you'd expect if properties are booleans, numbers etc. Functions, Maps, Sets will be omitted or null'd.

Check the doc for more info.

[Random]

Thankyou so much julien, i really don't know about this js syntax feature of dev to.

[Julien Dephix]

It can be any supported language too.

<p class="greeting">Hello from HTML</p>

echo "Hello from PHP";

etc

[Jeff Chavez]

Thank you. For #5, Is it dublicate or duplicate?

[Random]

Sorry its duplicate 😅 Thankyou for informing me

[Jeff Chavez]

You're welcome

[Devluc]

Awesome tips Taqui, thanks for sharing them

[Milan Mohapatra]

Looking cool🔥, how can I add buttons and follow me sections like you.

[Random]

It is called CTA(call to action) button.

This is the syntax to add CTA 👇 Button

{% cta https://example.com %} Follow me in Github✅{% endcta %}

Replace "example.com" and "Follow me in Github" accourding to you.

😊