Как динамически добавлять значение для id?

Question

[Фёдор]

Здравствуйте! Есть у меня input. Данные из которого записываются в массив объектов:

function() {
            this.listValue.push({'title': this.value})
}

Хочу добавить для каждой записи уникальный id, чтобы в дальнейшем манипулировать ими.

Как добавить уникальное значение для ключа id?

Answer 1

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

function() {
  this.listValue.push({
    'title': this.value,
    'id': `Habr-id-${this.listValue.length}`
  })
}

Comments

[Фёдор]

Ваше решение подошло идеально. Спасибо.

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

Фёдор, в другом ответе разумно предупредили, что этот вариант годится только, если удалять из массива не будут, иначе id начнут повторяться: длина-то уменьшается при удалении.

[szQocks]

Фёдор, это решение является полноценным верным ответом - вы просили лишь уникальный ид , Сергей Соколов вам дал верный ответ. Про удаление вы ни слова не говорили в своем вопросе.

Answer 2

[szQocks]

Гуглил ? Math.random().toString(36).slice(2)

Comments

[Фёдор]

Я уже получил ответ на свой вопрос. Но за уделённое внимание, спасибо.

[szQocks]

Фёдор, из массива будут удаляться объекты?

[Фёдор]

szQocks, Скорее всего да. Я ещё не решил, будет ли у меня такая фича. Вы что-то хотите написать на счёт удаления?

[szQocks]

Если не будут удаляться объекты из массива то можете оставить то решение которое предложил вам Сергей Соколов , а если будут то, его решение не подходит.

Потому что там будут дублироваться id у объектов, и соответственно будут ошибки.
И не важно будите ли вы пушить до или после удаления.

Answer 3

[Андрей Hecc]

Заюзайте библиотеку:
https://www.npmjs.com/package/uniqid

Если хочется нативное решение, можно использовать timestamp как относительно уникальное значение.
Но оно не подойдет, если будет генерироваться больше чем 1 объект за 1 мс.
new Date().getTime();

p.s Ну, а вообще идеально чтобы id генерировался бекендом при создании сущности, если такое создание происходит

Comments

[Фёдор]

Да, я понимаю. Но это личный проект. Поэтому приходится извращаться таким способом.

[Андрей Hecc]

Фёдор, Если из массива будут удалятся элементы, то тот ответ который был отмечен решением приведет к тому, что будет происходить дублирование ид.
Например:

const data = [
{ id: 1, title: "123"}, 
{ id: 2, title: "456"}
]

При удалении елемента 1, длина массива будет равна 2 и соответствено новый елемент так же будет иметь id 2