Зачем в toString и substring передаются аргументы?

Question

[Adil1603]

function randStr() {

    return (Math.random() + 1).toString(36).substring(7);
  }

это функция для генерации ключа для списка в реакт.
К Math.random() прибавляется 1, а в toString и .substring прописываются аргументы. Для чего?

{list.map(item => <li key={randStr()}>{item}</li>)}

прочитал на мозила девелопер
не пойму почему

var x = 6;

console.log(x.toString(2)); // Выведет '110'

выведет 110

Comments

[modelair]

что вы делаете первое, читаете справку или постите сразу на форум?
в офдоках всё есть. читайте о Number.prototype.toString()

[Алексей Уколов]

Не нужно использовать случайные значения в ключах Реакта.

Answer 1

[VoidVolker]

RTFM: Number.toString String.substring

Comments

[Adil1603]

я это читал, но не пойму как она работает применительно к случайно сгенерированному числу
Math.random. если знаете, можете описать? отмечу решением

[WbICHA]

Adil1603, абсолютно точно так же, как и к любому другом у числу.

[VoidVolker]

Adil1603 а в чем сложность взять и посмотреть что именно там происходит-то? В целом логика очень простая - сгененировать строку со случайными символами. Можно в цикле 7 рез создать случайный символ и получить строку, а можно один раз сгенерировать случайное число, конвертировать его в строку в большей системе счисления из букв и цифр, обрезать её до 7 символов и получить такой же результат.

Answer 2

[Дмитрий]

toString в аргументе принимает основание системы счисления, в которую переводится число, 6 в двочиной СС - 110.

substring в аргументе принимает индекс символа, до которого выбирается строка.

в вашей функции генерируется случайное число, переводится в 36 значную СС (10 чисел + 26 букв, по сути весь английский алфавт), потом берёт первые семь символов из получившейся строки

например, число 56565646499494 в переводе в 36 значную систему получается K1TWDFZJA, берём 7 первых символов и получаем K1TWDFZ - случайную строку, так как она получается из случайного числа

Comments

[Adil1603]

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