Delete data from javascript indexedDB

We can remove single or multiple data in the database using the javascript indexedDB function. We can use the key value or id to remove the entire database row.

The procedure of the delete data into javascript indexedDB

The below procedure steps help to delete information. To remove data from the object store, we follow these steps:

• First, create a new transaction of the javascript indexedDB.
• Second, get an object store with the data and id.
• Third, call the delete() method of the object store to delete information.
• Finally, close the transaction connection of the database.

Syntax

The following method and functions delete the data using the key of the object store.

• The create function to get key information with the id.

• The "onsuccess" event shows id data in the table format.

• The "30" is the id of the indexedDB database to delete information.
• If the id is unavailable, an error event occurs, and data is not deleted.

Examples

Example1

The example removes data using the key value of the object store using the javascript function. If the id of indexedDB is unavailable, then an error event and message show as an output.

Output

The following output shows the success event of the deleted data in the database.

Example2

The example removes data using the key value of the object store using the javascript function. If the id of indexedDB is unavailable, then an error event and message show as an output.

Output

The following output shows an error to delete data in the database.

Example3

The example removes data using the key value of the object store using the javascript function. If the id of indexedDB is unavailable, then an error event and message show as an output.

Output

The following output shows the success event of the delete all data in the database.

Conclusion

The deleted unwanted data using id is an essential feature for the database. The indexedDB database works with simple methods.