Author: John Au-Yeung

Sometimes, we want to split JavaScript array in chunks using Lodash.

In this article, we’ll look at how to split JavaScript array in chunks using Lodash.

How to split JavaScript array in chunks using Lodash?

To split JavaScript array in chunks using Lodash, we can use the chunk function.

For instance, we write

const data = [
  "a1",
  "a2",
  "a3",
  "a4",
  "a5",
  "a6",
  "a7",
  "a8",
  "a9",
  "a10",
  "a11",
  "a12",
  "a13",
];
const chunks = _.chunk(data, 3);
console.log(chunks);

to call chunks with the data array and 3 to split the data array into array chunks of 3 and return the split array.

Conclusion

To split JavaScript array in chunks using Lodash, we can use the chunk function.

Sometimes, we want to generate a short UID like "aX4j9Z" in JavaScript

In this article, we’ll look at how to generate a short UID like "aX4j9Z" in JavaScript.

How to generate a short UID like "aX4j9Z" in JavaScript?

To generate a short UID like "aX4j9Z" in JavaScript, we can use the nanoid package.

To install it, we run

npm i nanoid

Then we write

import { nanoid } from "nanoid";

console.log(nanoid(11));

to call nanoid with 11 to return a random string with 11 characters.

Conclusion

To generate a short UID like "aX4j9Z" in JavaScript, we can use the nanoid package.

Sometimes, we want to generate random string for div ID with JavaScript.

In this article, we’ll look at how to generate random string for div ID with JavaScript.

How to generate random string for div ID with JavaScript?

To generate random string for div ID with JavaScript, we can create a random base64 string.

To do this, we write

const id = btoa(Math.random()).substring(0, 12);

to call Math.random to create a random number between 0 and 1.

Then we call btoa on the returned number to convert it to a base64 string.

Next, we call substring with 0 and 12 to return a string with the first 12 characters of the base64 string.

Conclusion

To generate random string for div ID with JavaScript, we can create a random base64 string.

Sometimes, we want to detect if user is scrolling with JavaScript.

In this article, we’ll look at how to detect if user is scrolling with JavaScript.

How to detect if user is scrolling with JavaScript?

To detect if user is scrolling with JavaScript, we can listen to the window’s scroll event.

For instance, we write

let userHasScrolled = false;
window.onscroll = (e) => {
  userHasScrolled = true;
};

to set window.onscroll to a function that sets userHasScrolled to true when we scroll in the window.

Then if userHasScrolled is true, we know the user scrolled.

Conclusion

To detect if user is scrolling with JavaScript, we can listen to the window’s scroll event.

Sometimes, we want to print JavaScript exception stack trace.

In this article, we’ll look at how to print JavaScript exception stack trace.

How to print JavaScript exception stack trace?

To print JavaScript exception stack trace, we can use the stack property of an Error instance.

For instance, we write

console.log(new Error().stack);

to create a new Error instance and then get the stack trace from the stack property.

Then we use console.log to log the stack trace.

We put this in the line where we want to print the stack trace to the console.

Conclusion

To print JavaScript exception stack trace, we can use the stack property of an Error instance.