Author: John Au-Yeung

Sometimes, we want to check if string contains Latin characters only with JavaScript.

In this article, we’ll look at how to check if string contains Latin characters only with JavaScript.

How to check if string contains Latin characters only with JavaScript?

To check if string contains Latin characters only with JavaScript, we use a regex.

For instance, we write

if (str.match(/[a-z]/i)) {
  // ...
}

to check if string str has only a to z in a case insensitive manner.

We call match to find any matches with this pattern.

Conclusion

To check if string contains Latin characters only with JavaScript, we use a regex.

Sometimes, we want to loop through an array without using array size with Node.js and JavaScript.

In this article, we’ll look at how to loop through an array without using array size with Node.js and JavaScript.

How to loop through an array without using array size with Node.js and JavaScript?

To loop through an array without using array size with Node.js and JavaScript, we use the forEach method.

For instance, we write

const myArray = ["1", "2", 3, 4];

myArray.forEach((value) => {
  console.log(value);
});

to call myArray.forEach with a callback to loop through element.

We get the element being looped through with value.

Conclusion

To loop through an array without using array size with Node.js and JavaScript, we use the forEach method.

Sometimes, we want to add target="_blank" to a link within a specified div with JavaScript.

In this article, we’ll look at how to add target="_blank" to a link within a specified div with JavaScript.

How to add target="_blank" to a link within a specified div with JavaScript?

To add target="_blank" to a link within a specified div with JavaScript, we use querySelectorAll.

For instance, we write

const linkList = document.querySelectorAll("#link_other a");

for (const link of linkList) {
  link.setAttribute("target", "_blank");
}

to call querySelectorAll to select all the links inside the element with ID link_other.

Then we use a for-of loop to loop through each link.

In it, we call setAttribute to set the 'target' to '_blank'.

Conclusion

To add target="_blank" to a link within a specified div with JavaScript, we use querySelectorAll.

Sometimes, we want to get the base URL in JavaScript.

In this article, we’ll look at how to get the base URL in JavaScript.

How to get the base URL in JavaScript?

To get the base URL in JavaScript, we use the window.location.origin and window.location.host properties.

For instance, we write

const baseUrl = window.location.origin;
const host = window.location.host;

to get the base URL with the protocol with window.location.origin.

To just get the host name, we use the window.location.host property.

Conclusio

To get the base URL in JavaScript, we use the window.location.origin and window.location.host properties.

Sometimes, we want to decode UTF-8 with JavaScript.

In this article, we’ll look at how to decode UTF-8 with JavaScript.

How to decode UTF-8 with JavaScript?

To decode UTF-8 with JavaScript, we use the decodeURIComponent function.

For instance, we write

const decodeUtf8 = (s) => {
  return decodeURIComponent(escape(s));
};

to define the decodeUtf8 function.

In it, we call escape to return a escaped version of string s.

And then we call decodeURIComponent to decode the contents of the escaped string.

Conclusion

To decode UTF-8 with JavaScript, we use the decodeURIComponent function.