¿Alguien puede decirme cómo contar la cantidad de cadenas presentes en localStorage y no la cantidad de caracteres que contiene? Escribí localStorage.getItem('id').length para ver cuántos números de cadenas se están guardando, pero no cuenta el número de cadenas presentes en "id" . Solo cuenta el número de caracteres presentes en él. Por ejemplo, esto ( ["A","User"] ) son las cadenas que se guardan en localStorage y cuando uso el método .length , debería mostrar el resultado como 2 y no 14. Sea lo que sea, aquí están los codigos donde pueden ver como lo guardo en 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));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}`) }Código de muestra
<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() } }