Author: John Au-Yeung

Sometimes, we want to pass an array as a URL parameter with JavaScript.

In this article, we’ll look at how to pass an array as a URL parameter with JavaScript.

How to pass an array as a URL parameter with JavaScript?

To pass an array as a URL parameter with JavaScript, we can create our own query string with the values.

For instance, we write

const myArray = ["aaa", "bbb", "ccc"];

const myArrayQry = myArray
  .map((el, idx) => {
    return `myArray['${idx}']=${el}`;
  })
  .join("&");

to call map with a function that returns the query string part with "myArray['${idx}']" as the key and el as its value.

idx is the index of the item in myArray.

Conclusion

To pass an array as a URL parameter with JavaScript, we can create our own query string with the values.

Sometimes, we want to fix unexpected string concatenation with JavaScript.

In this article, we’ll look at how to fix unexpected string concatenation with JavaScript.

How to fix unexpected string concatenation with JavaScript?

To fix unexpected string concatenation with JavaScript, we can use template literals.

For instance, we write

const ANR = "Animal Friend,ANR,ANP,$30";
const specialityPlates = [
  {
    cName: "Environmental",
    oSubMenu: [
      {
        cName: `${ANR}`,
        cReturn: `${ANR}|27.00`,
      },
    ],
  },
];

to put the ANR into the template literal to return a string with ANR‘s content in it.

Conclusion

To fix unexpected string concatenation with JavaScript, we can use template literals.

Sometimes, we want to determine image file size and dimensions via JavaScript.

In this article, we’ll look at how to determine image file size and dimensions via JavaScript.

How to determine image file size and dimensions via JavaScript?

To determine image file size and dimensions via JavaScript, we use the clientWidth and clientHeight properties.

For instance, we write

const img = document.getElementById("imageId");

const width = img.clientWidth;
const height = img.clientHeight;

to select the img element with getElementById.

We get the width with the clientWidth property and the height with the clientHeight property.

Conclusion

To determine image file size and dimensions via JavaScript, we use the clientWidth and clientHeight properties.