Category: JavaScript

Sometimes, we want to get the size of an array in an object with JavaScript.

In this article, we’ll look at how to get the size of an array in an object with JavaScript.

How to get the size of an array in an object with JavaScript?

To get the size of an array in an object with JavaScript, we use the length property.

For instance, we write

const st = {
  itema: {},
  itemb: [{ id: "s01" }, { id: "s02" }],
};

console.log(st.itemb.length);

to get the st.itemb array.

And then we use its length property to get the size of the array.

Conclusion

To get the size of an array in an object with JavaScript, we use the length property.

Sometimes, we want to get the value from a table cell in JavaScript.

In this article, we’ll look at how to get the value from a table cell in JavaScript.

How to get the value from a table cell in JavaScript?

To get the value from a table cell in JavaScript, we loop through the table rows and columns.

For instance, we write

const getCellValues = () => {
  const table = document.getElementById("mytable");
  for (const row of table.rows) {
    for (const cell of row.cells) {
      console.log(cell.innerHTML);
    }
  }
};

to define the getCellValues function.

In it, we get the table element with getElementById.

Next, we use a for-of loop to loop through the table.rows table rows.

In it, we loop through the cells in row.cells.

Then we get the cell’s value with the cell.innerHTML property.

Conclusion

To get the value from a table cell in JavaScript, we loop through the table rows and columns.

Sometimes, we want to match special characters and letters in regex in JavaScript.

In this article, we’ll look at how to match special characters and letters in regex in JavaScript.

How to match special characters and letters in regex in JavaScript?

To match special characters and letters in regex in JavaScript, we create a regex that matches the special characters we want.

For instance, we write

const pattern = /^[\w&.-]+$/;

if (pattern.test(qry)) {
  // ...
}

to define the pattern regex.

In it, we put the special characters we want to match in the square brackets.

Then we call pattern.test to check if the qry string matches the pattern.

Conclusion

To match special characters and letters in regex in JavaScript, we create a regex that matches the special characters we want.

Sometimes, we want to open URL by clicking on marker with Google Maps API with JavaScript.

In this article, we’ll look at how to open URL by clicking on marker with Google Maps API with JavaScript.

How to open URL by clicking on marker with Google Maps API with JavaScript?

To open URL by clicking on marker with Google Maps API with JavaScript, we add listeners to each marker.

For instance, we write

google.maps.event.addListener(
  marker,
  "click",
  ((marker, i) => {
    return () => {
      window.location.href = marker.url;
    };
  })(marker, i)
);

to call addEventListener to add a click listener to the marker.

We use the function returned by the outer function as the listener.

And we go to the url of the marker when we click on it.

Conclusion

To open URL by clicking on marker with Google Maps API with JavaScript, we add listeners to each marker.