Как сгенерировать уникальные ID для элементов?

Question

[pcdesign]

Вот например, есть 3 элемента

<input class="my_class">
<input class="my_class">
<input class="my_class">

Как им присвоить с помощью js или jquery уникальный рандомный id?

Comments

[edward_freedom]

для чего? У них есть индекс

[pcdesign]

edward_freedom, потом этот id надо скормить определенной функции.

Answer 1

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

const elements = [...document.querySelectorAll('input.my_class')]; // массив
const ids = elements.map(() => Math.random().toString(36).substring(2)); // случайные строки
elements.forEach((el, i) => el.id = ids[i]); // назначить эти id соотв. элементам

«Но.. зачем?!»

Comments

[edward_freedom]

но зачем так же можно спросить и тебя, с твоим рандомом

[pcdesign]

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

[WapSter]

pcdesign, ты уверен, что id, а не просто селектор или элемент?

[pcdesign]

WapSter, да, уже все заработало.

[WbICHA]

Но это решение никак не предотвращает появление двух одинаковых идишек.
Не лучше ли просто использовать индекс?

[Сергей Сергей]

WbICHA, по завершению той привередливой функции можно удалять отработанные id у элементов.

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

Сергей Сергей, кстати, интересно переиспользовать id: удалить у одного элемента, подарить другому.

[edward_freedom]

Сергей Соколов, ты можешь гарантировать, что изначально твой код не выдаст повторов?

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

edward_freedom, вызовы rand() перемежаются довольно «тяжёлыми» вычислениями под капотом по переводу float в строку, и это даёт время набрать энтропию.
При желании можно создать условия, чтобы этот вызов вернул одинаковые значения.
У обычных пользователей на трёх элементах код не выдаст повторов.

[edward_freedom]

Сергей Соколов,

При желании можно создать условия, чтобы этот вызов вернул одинаковые значения.

твой код в разделе ответов, значит он окончательный

У обычных пользователей на трёх элементах код не выдаст повторов.

ты даешь гарантию, что он не повторится даже для двух элементов?

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

edward_freedom, назойливость напоминает конечную станцию электрички. Деньги есть? А если найду?
С вами мы не на «ты».

Есть контр-пример — приводите. Нечем занять выходной – не моя проблема.

[edward_freedom]

Сергей Соколов, я тебе задал довольно простой вопрос, а ты ответить прямо не можешь. Контр пример я написал в коменты, зачем рандом, когда каждый элемент имеет индекс?

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

edward_freedom, зачем индекс, если потом вызвали функцию ещё раз, с другими тремя элементами, и они получили дубли id.
Это уже который по счёту аккаунт на хабре, после предыдущих в бане?

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

edward_freedom, для самых маленьких надо разъяснить значение непонятного слова.
Контрпример — это пример, доказывающий, что последовательные вызовы Math.random() возвращают одно и то же значение. Без старого IE8 в виртуальной машине, а у среднего обычного пользователя с относительно свежим браузером.

[edward_freedom]

Сергей Соколов,

зачем индекс, если потом вызвали функцию ещё раз, с другими тремя элементами, и они получили дубли id.

дублей идов в принципе быть не может, хоть с 10 тысячами элементами.
Ты задаешь столько вопросов и ответов не по теме, а ответить даешь ли ты гарантию, что дублей не будет даже с двумя элементами не говоришь