Author: John Au-Yeung

Sometimes, we want to reverse an array in JavaScript without using libraries.

In this article, we’ll look at how to reverse an array in JavaScript without using libraries.

How to reverse an array in JavaScript without using libraries?

To reverse an array in JavaScript without using libraries, we use the array reverse method.

For instance, we write

const a = [3, 5, 7, 8];
const reversed = a.reverse();

to call a.reverse to return a new array with the elements in a reversed.

Conclusion

To reverse an array in JavaScript without using libraries, we use the array reverse method.

Sometimes, we want to call static method within a class with JavaScript.

In this article, we’ll look at how to call static method within a class with JavaScript.

How to call static method within a class with JavaScript?

To call static method within a class with JavaScript, we call the static method with the class.

For instance, we write

class MyClass {
  myNonStaticMethod() {
    console.log("I'm not static.");
    MyClass.myStaticMethod();
  }

  static myStaticMethod() {
    console.log("hey, I'm static!");
  }
}

to call myStaticMethod with MyClass.myStaticMethod() in the myNonStaticMethod method.

Conclusion

To call static method within a class with JavaScript, we call the static method with the class.

Sometimes, we want to detect time zone abbreviation using JavaScript.

In this article, we’ll look at how to detect time zone abbreviation using JavaScript.

How to detect time zone abbreviation using JavaScript?

To detect time zone abbreviation using JavaScript, we can use the toLocaleTimeString method.

For instance, we write

const [, , zone] = new Date()
  .toLocaleTimeString("en-us", { timeZoneName: "short" })
  .split(" ");
console.log(zone);

to create a Date object.

And then we call toLocaleTimeString to get a locale time string in the 'en-us' locale.

We set timeZoneName to 'short' to return a time string that includes the time zone abbreviation.

Then we call split to split the string by spaces and get the time zone abbreviation from the 3rd substring.

Conclusion

To detect time zone abbreviation using JavaScript, we can use the toLocaleTimeString method.

Sometimes, we want to change CSS :root color variables in JavaScript.

In this article, we’ll look at how to change CSS :root color variables in JavaScript.

How to change CSS :root color variables in JavaScript?

To change CSS :root color variables in JavaScript, we can use the document.documentElement.style.setProperty method.

For instance, we write

document.documentElement.style.setProperty("--your-variable", "#YOURCOLOR");

to call the document.documentElement.style.setProperty method to define the --your-variable CSS variable.

We set its value to #YOURCOLOR.

Conclusion

To change CSS :root color variables in JavaScript, we can use the document.documentElement.style.setProperty method.

Sometimes, we want to get the URL of script being called with JavaScript.

In this article, we’ll look at how to get the URL of script being called with JavaScript.

How to get the URL of script being called with JavaScript?

To get the URL of script being called with JavaScript, we can use the document.currentScript property.

For instance, we write

console.log(document.currentScript);

to log the value of the current script element being run.

Conclusion

To get the URL of script being called with JavaScript, we can use the document.currentScript property.