How to Get Item from localStorage in JavaScript

Use localStorage.getItem(key) to get the value stored under a specific key in localStorage. It returns the value as a string or null if the key does not exist.

Syntax

The method to get an item from localStorage is localStorage.getItem(key).

• key: A string representing the name of the item you want to retrieve.
• The method returns the stored value as a string.
• If the key does not exist, it returns null.

javascript

localStorage.getItem('key')

Example

This example shows how to store a value in localStorage and then retrieve it using getItem. It also shows what happens if the key does not exist.

javascript

localStorage.setItem('username', 'Alice');

const user = localStorage.getItem('username');
console.log(user); // Outputs: Alice

const missing = localStorage.getItem('nonexistentKey');
console.log(missing); // Outputs: null

Output

Alice
null

Common Pitfalls

Common mistakes include:

• Forgetting that getItem returns a string or null, so you may need to convert it if you stored other data types.
• Trying to access localStorage in environments where it is not available (like some server-side code).
• Not checking for null before using the returned value, which can cause errors.

javascript

/* Wrong way: Using the value without checking for null */
const data = localStorage.getItem('age');
console.log(data.length); // Error if data is null

/* Right way: Check before using */
const dataSafe = localStorage.getItem('age');
if (dataSafe !== null) {
  console.log(dataSafe.length);
} else {
  console.log('No data found for key age');
}

Quick Reference

Remember these key points when using localStorage.getItem:

• Returns a string or null.
• Use the exact key name as a string.
• Check for null to avoid errors.
• localStorage stores data as strings only.

Key Takeaways

Use localStorage.getItem('key') to retrieve stored string values by key.

If the key does not exist, getItem returns null, so always check before use.

localStorage stores only strings; convert data types as needed after retrieval.

Accessing localStorage is only possible in browser environments.

Use exact key names as strings to get the correct stored item.