Category: JavaScript

Sometimes, we want to add Document with Custom ID to Firestore with JavaScript

In this article, we’ll look at how to add Document with Custom ID to Firestore with JavaScript.

How to add Document with Custom ID to Firestore with JavaScript?

To add Document with Custom ID to Firestore with JavaScript, we call the set method.

For instance, we write

db.collection("cities").doc("LA").set({
  name: "Los Angeles",
  state: "CA",
  country: "USA",
});

to call set to add a document to the cities collection.

We call set with an object with the properties we want to add in a document.

We call doc with the ID of the document before we call set to populate its contents.

Conclusion

To add Document with Custom ID to Firestore with JavaScript, we call the set method.

Sometimes, we want to swap key with value in object with JavaScript.

In this article, we’ll look at how to swap key with value in object with JavaScript.

How to swap key with value in object with JavaScript?

To swap key with value in object with JavaScript, we can us the Object.entries and Object.fromEntries methods.

For instance, we write

const f = (obj) =>
  Object.fromEntries(Object.entries(obj).map((a) => a.reverse()));

to call Object.entries to return an array of key-value pair arrays.

Then we call map with a callback to reverse the key and value in each nested array with reverse.

Next, we convert the mapped nested array back to an object with Object.fromEntries.

Conclusion

To swap key with value in object with JavaScript, we can us the Object.entries and Object.fromEntries methods.

Sometimes, we want to use setTimeout on promise chain with JavaScript.

In this article, we’ll look at how to use setTimeout on promise chain with JavaScript.

How to use setTimeout on promise chain with JavaScript?

To use setTimeout on promise chain with JavaScript, we can create a promise that calls setTimeout.

For instance, we write

await new Promise((resolve) => setTimeout(resolve, 1000));

to create a promise with the Promise constructor by calling it with a callback that calls setTimeout.

And then we use resolve as the callback for setTimeout.

Then we use await to wait for the promise to resolve before running the next line of code.

Conclusion

To use setTimeout on promise chain with JavaScript, we can create a promise that calls setTimeout.

Sometimes, we want to select all div text with single mouse click with JavaScript.

In this article, we’ll look at how to select all div text with single mouse click with JavaScript.

How to select all div text with single mouse click with JavaScript?

To select all div text with single mouse click with JavaScript, we can use the window.getSelection and selectAllChildren methods.

For instance, we write

window.getSelection().selectAllChildren(document.getElementById(id));

to call getElementById to get an element with the given id.

Then we call getSelection to return an object with the selectAllChildren method to get all child nodes from the element with the given id.

Conclusion

To select all div text with single mouse click with JavaScript, we can use the window.getSelection and selectAllChildren methods.