Как в localStorage объекты не перезаписывать, а добавлять?

Question

[Andriy022]

<form action="" name="cars">
    <input type="text" name="model">
    <input type="text" name="type">
    <input type="number" name="volume" min="0">
    <button id="clickSecond">Відправка Авто</button>
</form>

let clickSecond = document.getElementById('clickSecond')

let arr = []

let content = (arr) => {
    class Users {
        constructor(model, type, volume) {
            this.model = model;
            this.type = type;
            this.volume = volume
        }
    }

    arr.push(new Users(`${document.cars.model.value}`, `${document.cars.type.value}`, `${document.cars.volume.value}`))
    let string = JSON.stringify(arr)
    localStorage.setItem('user', string)
}
clickSecond.onclick = (e) => {
    e.preventDefault()
    content(arr)
}

Answer 1

[Сергей Соколов]

вместо этого let arr = [], смотрите, есть ли что-то уже в LS:

const arr = JSON.parse(localStorage.getItem('user')) || [];

если пусто — тогда уж пустой массив.

Comments

[Сергей Соколов]

agagaheash ashaherya4wr, не соглашусь.
При отсутствии ключа в LS, getItem() вернёт null.

JSON.parse(null) // null
или вот

JSON.parse(localStorage.getItem("no_such_key"))  // null