Author: John Au-Yeung

Sometimes, we want to fix var.replace is not a function with JavaScript.

In this article, we’ll look at how to fix var.replace is not a function with JavaScript.

How to fix var.replace is not a function with JavaScript?

To fix var.replace is not a function with JavaScript, we should make the variable we’re calling replace on is a string.

For instance, we write

const trim = (str) => {
  return str.toString().replace(/^\s+|\s+$/g, "");
};

to define the trim function that takes the str parameter.

To make sure that str is a string, we call toString to convert it to a string before we call replace on it.

Conclusion

To fix var.replace is not a function with JavaScript, we should make the variable we’re calling replace on is a string.

Sometimes, we want to convert Blob to File in JavaScript.

In this article, we’ll look at how to convert Blob to File in JavaScript.

How to convert Blob to File in JavaScript?

To convert Blob to File in JavaScript, we can use the File constructor.

For instance, we write

const file = new File([myBlob], "name");

to create a File object with the myBlob blob object in the array.

The 2nd argument is the file name string.

Conclusion

To convert Blob to File in JavaScript, we can use the File constructor.

Sometimes, we want to control fps with requestAnimationFrame in JavaScript.

In this article, we’ll look at how to control fps with requestAnimationFrame in JavaScript.

How to control fps with requestAnimationFrame in JavaScript?

To control fps with requestAnimationFrame in JavaScript, we can use the setTimeout function.

For instance, we write

const fps = 25;
const animate = () => {
  // ...

  setTimeout(() => {
    requestAnimationFrame(animate);
  }, 1000 / fps);
};
animate();

to create the animate function that calls setTimeout with a callback that calls requestAnimationFrame with animate.

We control the fps by setting the delay for setTimeout to 1000 / fps.

The animation code is run before we setTimeout.

Conclusion

To control fps with requestAnimationFrame in JavaScript, we can use the setTimeout function.

Sometimes, we want to trim specific character from a string with JavaScript.

In this article, we’ll look at how to trim specific character from a string with JavaScript.

How to trim specific character from a string with JavaScript?

To trim specific character from a string with JavaScript, we can use the string replace method.

For instance, we write

const x = "|f|oo||";
const y = x.replace(/^\|+|\|+$/g, "");

to call x.replace with a regex with the characters we want to match and replace them all with empty strings.

We use the g flag to find all matches in x.

Conclusion

To trim specific character from a string with JavaScript, we can use the string replace method.