Category: JavaScript

Sometimes, we want to replace from JavaScript DOM text node.

In this article, we’ll look at how to replace from JavaScript DOM text node.

How to replace from JavaScript DOM text node?

To replace from JavaScript DOM text node, we can use the string replace method.

For instance, we write

textNode.nodeValue = textNode.nodeValue.replace(/\u00a0/g, " ");

to call nodeValue.replace with /\u00a0/g and ' ' to replace all   characters with spaces in our text node.

Conclusion

To replace from JavaScript DOM text node, we can use the string replace method.

Sometimes, we want to easily create empty matrices with JavaScript.

In this article, we’ll look at how to easily create empty matrices with JavaScript.

How to easily create empty matrices with JavaScript?

To easily create empty matrices with JavaScript, we can use the array fill method.

For instance, we write

const matrix = Array(9).fill(Array(9));

to create an array with length 9 with the Array function.

Then we call fill with another empty array with 9 empty entries.

As a result, we get a 9×9 2d array returned.

Conclusion

To easily create empty matrices with JavaScript, we can use the array fill method.

Sometimes, we want to toggle show or hide div with button with JavaScript.

In this article, we’ll look at how to toggle show or hide div with button with JavaScript.

How to toggle show or hide div with button with JavaScript?

To toggle show or hide div with button with JavaScript, we can set the style property of the element we’re showing or hiding when we click on a button.

For instance, we write

const button = document.getElementById("button");

button.onclick = () => {
  const div = document.getElementById("newpost");
  if (div.style.display !== "none") {
    div.style.display = "none";
  } else {
    div.style.display = "block";
  }
};

to select the button with getElementById.

Then set set button.onclick to a function that runs when we click on button.

In it, we select the element we want to toggle show or hide with getElementById.

If its display CSS property isn’t 'none', then we set it to 'none'.

Otherwise, we set it to 'block'.

Conclusion

To toggle show or hide div with button with JavaScript, we can set the style property of the element we’re showing or hiding when we click on a button.

Sometimes, we want to omit specific properties from an object in JavaScript.

In this article, we’ll look at how to omit specific properties from an object in JavaScript.

How to omit specific properties from an object in JavaScript?

To omit specific properties from an object in JavaScript, we can create a function that returns an object with the properties we want to keep.

For instance, we write

const exampleFilter = ({ keepMe, keepMeToo }) => ({ keepMe, keepMeToo });

console.log(
  exampleFilter({
    keepMe: "keepMe",
    keepMeToo: "keepMeToo",
    omitMe: "omitMe",
    omitMeToo: "omitMeToo",
  })
);

to define the exampleFilter function.

In it, we destructure the properties from the parameter object.

And then we return an object with the properties we destructured included,

Conclusion

To omit specific properties from an object in JavaScript, we can create a function that returns an object with the properties we want to keep.

Sometimes, we want to spawn and kill a process in Node.js and JavaScript.

In this article, we’ll look at how to spawn and kill a process in Node.js and JavaScript.

How to spawn and kill a process in Node.js and JavaScript?

To spawn and kill a process in Node.js and JavaScript, we can use the spawn and kill functions.

For instance, we write

const kill = require("tree-kill");
const { spawn } = require("child_process");

const scriptArgs = ["myScript.sh", "arg1", "arg2", "youGetThePoint"];
const child = spawn("sh", scriptArgs);

//...
kill(child.pid);

to call spawn to run the sh command with the command arguments in scriptArgs.

Then we call kill with “child.pid` to kill the process with the given PID.

Conclusion

To spawn and kill a process in Node.js and JavaScript, we can use the spawn and kill functions.