如何计算 localStorage 中的字符串数而不是其中的字符数

Question

Can anyone tell me how to count the number of Strings present in localStorage and not the number of characters in it. I wrote localStorage.getItem('id').length to see how many numbers of Strings are being saved, but it doesn't count the number of Strings present in "id" . It just counts the number of characters present in it. For example, this ( ["A","Roshan"] ) are the Strings which are being saved in localStorage and when I use .length method, it should show the result as 2 and not 14. Whatever it may be, here are the codes where you can see how I save it in localStorage

var newName=document.getElementById('name').value;

if (localStorage.getItem('id') == null) 
{ 
     localStorage.setItem('id', '[]'); 
} 

var old_names = JSON.parse(localStorage.getItem('id')); 

 old_names.push(newName); 
    
 localStorage.setItem('id', JSON.stringify(old_names)); 

Answer 1

const ids = ['1','2','3'] // user ids

//set the ids inside local storage

localStorage.setItem('id', JSON.stringify(ids))

//get the ids back from local storage

if('id' in localStorage){
  const ids = JSON.parse(localStorage.getItem('id'))
  console.log(`total ids in local storage ${ids.length}`)
}

Answer 2

sample code

<p id="counter"> names counter : <span>0</span></p>

<p>
  name : <input type="text" id="name" value="">
  <button id="bt-add-name">add</button>
</p>

const
  names_Storage = JSON.parse(localStorage.getItem('names') || '[]')
, e_counter     = document.querySelector('#counter span')
, e_name        = document.querySelector('#name')
  ;

e_counter.textContent = names_Storage.length

document.querySelector('#bt-add-name').onclick = e =>
  {
  let newName = e_name.value.trim()

  if (newName)
    {
    names_Storage.push( newName )
    e_counter.textContent = names_Storage.length
    localStorage.setItem('names', JSON.stringify(names_Storage))
    e_name.value = ''
    e_name.focus()
    }
  }