JavaScript .clear()

MB9058's avatar
Published Aug 2, 2023
Contribute to Docs

.clear() removes all keys in a Storage object.

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.
    • Beginner Friendly.
      15 hours

Syntax

Storage.clear()

The method does not accept arguments. It will clear all storage keys and their respective values.

Example

In this example, new items are added to sessionStorage and localStorage from console. The .clear() method then removes all data.

// Add items to session storage.
sessionStorage.setItem('tab-item1', 'TI-1');
sessionStorage.setItem('tab-item2', 'TI-2');
// Add items to local storage.
localStorage.setItem('domain-item1', 'DI-1');
localStorage.setItem('domain-item2', 'DI-2');
// Remove all items from both local and session storage.
sessionStorage.clear();
localStorage.clear();
// Output storage.
console.log(sessionStorage.length);
console.log(localStorage.length);

This example results in the following output:

0
0

All contributors

Contribute to Docs

Learn JavaScript on Codecademy

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.
    • Beginner Friendly.
      15 hours