Category: JavaScript

Sometimes, we want to move the mouse pointer to a specific position with JavaScript.

In this article, we’ll look at how to move the mouse pointer to a specific position with JavaScript.

How to move the mouse pointer to a specific position with JavaScript?

To move the mouse pointer to a specific position with JavaScript, we can call requestPointerLock in the element.

For instance, we write

const canvas = document.getElementById('myCanvas');
canvas.requestPointerLock();

to get the canvas element with getElementById.

Then we call canvas.requestPointerLock to request permission to lock the mouse pointer in place.

Conclusion

To move the mouse pointer to a specific position with JavaScript, we can call requestPointerLock in the element.

Sometimes, we want to add property to an array of objects with JavaScript.

In this article, we’ll look at how to add property to an array of objects with JavaScript.

How to add property to an array of objects with JavaScript?

To add property to an array of objects with JavaScript, we can use the array map method.

For instance, we write

const mappedResults = results.map((obj) => ({ ...obj, active: false }));

to call results.map with a callback that returns new objects that has properties in the existing object being processed and the active property added to it.

A new array with the new objects are returned so we assign the returned array to mappedResults.

Conclusion

To add property to an array of objects with JavaScript, we can use the array map method.

Sometimes, we want to break a string across more than one line of code in JavaScript.

In this article, we’ll look at how to break a string across more than one line of code in JavaScript.

How to break a string across more than one line of code in JavaScript?

To break a string across more than one line of code in JavaScript, we can use template strings.

For instance, we write

alert(`Please select file   
to delete`);

to show an alert box with

Please select file   
to delete

in it.

The whitespaces and new lines are kept by template strings.

Conclusion

To break a string across more than one line of code in JavaScript, we can use template strings.

Sometimes, we want to format numbers and strings with thousand separator with JavaScript.

In this article, we’ll look at how to format numbers and strings with thousand separator with JavaScript.

How to format numbers and strings with thousand separator with JavaScript?

To format numbers with thousand separator with JavaScript, we can use the number toLocaleString method.

For instance, we write

const a = (1234567.89).toLocaleString('en')  
const b = parseFloat("1234567.89").toLocaleString('en')

to call toLocaleString with the locale of the returned formatted number string.

We convert the number string with parseFloat before we call toLocaleString on it since toLocaleString is a number method.

Conclusion

To format numbers with thousand separator with JavaScript, we can use the number toLocaleString method.

Sometimes, we want to capitalize the first letter of each word in a string using JavaScript.

In this article, we’ll look at how to capitalize the first letter of each word in a string using JavaScript.

How to capitalize the first letter of each word in a string using JavaScript?

To capitalize the first letter of each word in a string using JavaScript, we can use the string replace method.

For instance, we write

const s = text.replace(/(^\w|\s\w)/g, (m) => m.toUpperCase());

to call text.replace with a regex to get the first letter of each word with regex /(^\w|\s\w)/g.

Then we use the callback to return the matches converted to upper case with toUpperCase to do the replacement.

^\w matches the first letter of the first word and \s\w matches the first letter of other words.

Conclusion

To capitalize the first letter of each word in a string using JavaScript, we can use the string replace method.