Storage

`localStorage.clear`

Removes all key/value pairs from the localStorage object

Syntax

JavaScript

localStorage.clear()

Return Value

undefined

Examples

Basic Usage

localStorage.clear()
console.log(localStorage.length) // 0

Practical Example

function resetApp() {
  localStorage.clear()
  sessionStorage.clear()
  window.location.reload()
}

Advanced Usage

const backupCount = localStorage.length
localStorage.clear()
console.log(`Cleared ${backupCount} items`)

Understanding localStorage.clear

The localStorage.clear method in JavaScript removes all key/value pairs from the localStorage object. It belongs to the Storage object and is one of the most widely used methods for working with storage values in modern JavaScript and TypeScript applications.

The method signature is localStorage.clear(). When called, it returns undefined. Understanding when and how to use clear() helps you write more expressive, readable code.

Common use cases for localStorage.clear include data transformation, input validation, API response processing, and building reusable utility functions. It works well alongside related methods like localstorage-removeitem, localstorage-setitem, localstorage-length, enabling you to chain operations together for complex data manipulation pipelines.

Browser support for localStorage.clear is excellent across all modern browsers including Chrome, Firefox, Safari, and Edge. It is also fully supported in Node.js and Deno. For older environments, transpilation with Babel or a polyfill may be needed.