Author: John Au-Yeung

Sometimes, we want to remove whitespaces inside a string in JavaScript.

In this article, we’ll look at how to remove whitespaces inside a string in JavaScript.

How to remove whitespaces inside a string in JavaScript?

To remove whitespaces inside a string in JavaScript, we can call the string replace method.

For instance, we write

const s = "hello world".replace(/\s/g, "");

to call replace with /\s/g and '' to replace all whitespaces with empty strings.

We use \s to match whitespaces.

g makes replace do the replacement on all matches.

Conclusion

To remove whitespaces inside a string in JavaScript, we can call the string replace method.

Sometimes, we want to simulate a mouse click using JavaScript.

In this article, we’ll look at how to simulate a mouse click using JavaScript.

How to simulate a mouse click using JavaScript?

To simulate a mouse click using JavaScript, we can use the MouseEvent constructor.

For instance, we write

const evt = new MouseEvent("click", {
  view: window,
  bubbles: true,
  cancelable: true,
  clientX: 20,
  //...
});
targetElement.dispatchEvent(evt);

to create a MouseEvent object with 'click' and an object with the event object options.

We set the view to the page where the mouse event is triggered.

Also, we set whether the event bubbles and if it’s cancelable.

We can also set the location of the click.

Then we trigger the event with

targetElement.dispatchEvent(evt);

from the targetElement element.

Conclusion

To simulate a mouse click using JavaScript, we can use the MouseEvent constructor.

Sometimes, we want to find index of all occurrences of element in array with JavaScript.

In this article, we’ll look at how to find index of all occurrences of element in array with JavaScript.

How to find index of all occurrences of element in array with JavaScript?

To find index of all occurrences of element in array with JavaScript, we use the array map method.

For instance, we write

const indices = array.map((e, i) => (e === value ? i : "")).filter(String);

to call map with a callback that checks if array entry e is equal to value.

If it is, we return i.

Otherwise, we return an empty string.

And we call filter with String to filter out all the empty strings since they’re falsy.

Conclusion

To find index of all occurrences of element in array with JavaScript, we use the array map method.

Sometimes, we want to run JavaScript code on window close or page refresh.

In this article, we’ll look at how to run JavaScript code on window close or page refresh.

How to run JavaScript code on window close or page refresh?

To run JavaScript code on window close or page refresh, we add an event handler for the beforeunload event.

For instance, we write

window.onbeforeunload = () => {
  // Do something
};

to set the window.onbeforeunload property to a function that runs when the window closes or the page refreshes.

Conclusion

To run JavaScript code on window close or page refresh, we add an event handler for the beforeunload event.

Sometimes, we want to remove a file from the FileList with JavaScript.

In this article, we’ll look at how to remove a file from the FileList with JavaScript.

How to remove a file from the FileList with JavaScript?

To remove a file from the FileList with JavaScript, we can create an array from the FileList object and then remove the entries from the array.

For instance, we write

const input = document.getElementById("files");
const fileListArr = Array.from(input.files);
fileListArr.splice(index, 1);
console.log(fileListArr);

to select the file input with getElementByIf.

Then we get the files selected from the file input with input.files.

And we convert it to an array with Array.from.

Then we call splice with the index of the file we want to remove and 1 to remove the file from the fileListArr array.

Conclusion

To remove a file from the FileList with JavaScript, we can create an array from the FileList object and then remove the entries from the array.