Как сделать из строки в строку, а затем массив?

Question

[Neizvest]

Есть часть кода:

var massive = [];


var newMass = massive.push(count1, count2, count3, count4, count5, count6, count7, count8, count9, count0);

var largest = Math.max.apply(null, massive); // выявляем макс. число
if (count1 == largest){
final.innerHTML += "<strong>1</strong> : " + "<em>" + largest + " ; ";
}

if (count2 == largest){
final.innerHTML += "<strong>2</strong> : " + "<em>" + largest + " ; ";
}

if (count3 == largest){
final.innerHTML += "<strong>3</strong> : " + "<em>" + largest + " ; ";
}

if (count4 == largest){
final.innerHTML += "<strong>4</strong> : " + "<em>" + largest + " ; ";
}

if (count5 == largest){
final.innerHTML += "<strong>5</strong> : " + "<em>" + largest + " ; ";
}

if (count6 == largest){
final.innerHTML += "<strong>6</strong> : " + "<em>" + largest + " ; ";
}

if (count7 == largest){
final.innerHTML += "<strong>7</strong> : " + "<em>" + largest + " ; ";
}

if (count8 == largest){
final.innerHTML += "<strong>8</strong> : " + "<em>" + largest + " ; ";
}

if (count9 == largest){
final.innerHTML += "<strong>9</strong> : " + "<em>" + largest + " ; ";
}

if (count0 == largest){
final.innerHTML += "<strong>0</strong> : " + "<em>" + largest + " ; ";
}

test.innerHTML = ""; // к концу прогона делаем все переменные пустыми,что-бы перезаписать в них новые числа
arr = "";
test.innerHTML = sorts;
} // конец фор
} // конец функции

Надо сделать из final строку вида(1:17 где 1 цифра, а 17 сколько раз она повторилась),а потом массив;
Весь проект https://codepen.io/Pikromat/pen/dgRWNE

Comments

[Модератор]

Neizvest дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[Роман]

Совершенно не понял суть этого вопроса:

Надо сделать из final строку вида(1:17 где 1 цифра, а 17 сколько раз она повторилась),а потом массив;

потому как final.innerHTML уже есть такая строка.

Но взял на себя смелость слегка прилизать ваш "код"

Comments

[Neizvest]

Строкак, то строка, но не то, этот код должен вычислять что-то типа вероятности выпадения чисел от 0 до 9, final.innerHTML, должна быть вида 1:17; 2:20 и т.п ( где 1,2 это цифры которые учавствовали в повторении, а 17,20 кол-во их повторений), и к примеру вы видите, что в final выведено 5 раз значения, так мне нужен код, чтобы их сравнить и вывести наибольшее, а для этого нужно приводить в массив(желательно), и что-бы в итоге было выведено наибольшее число типа(1:17), вывести какое было чаще из этой строки

[Роман]

Neizvest, ок, завтра вечером сделаю, это не сложно, а сейчас спать валюсь.

[Neizvest]

Роман, благодарю)

[Neizvest]

Роман, Не могли бы вы скинуть код?

[Роман]

Neizvest, сори, пока немного занят, жена завтра уезжает) Чуть позже кину. Сегодня давал пару тройку ответов через телефон. Но для ответа Вам нужно за компом поторчать.

[Роман]

Neizvest, есть такой вопрос, Вам обязательно в каждом прогоне этого цикла

for (let o = 5; o > 0; o--) { // 5 раз прогоняем цикл

выводить промежуточные результаты на страницу?

[Neizvest]

Роман, Желательно, но цель сравнить итоговые значения в строке с id=“fina” какие цифры выпадают чаще

[Роман]

Neizvest, еще вопрос, Вы делаете 5 прогонов, почему?
опишите мне какие данные должны попасть в результат из каждого прогона?

[Neizvest]

Максимальное значение, цифра + ее кол-во( выражено как 1: 20, 2: 10 и т.п) из ряда чисел, а 5 просто так, можно и 10000, но будет лагать(

[Роман]

Neizvest, сильно переиначил Ваш код, для вывода использую только элемент с id="test" а остальные не использую. Если для Вас это принципиально, раскидаете результаты по блокам сами, там несложно.
Вот результат:

[Neizvest]

Роман, Не совсем так, вы перезаписываете, а надо дописывать

[Роман]

Почему? Если постоянно дергать да еще и в цикле getElementById - это не очень хорошо, можно сделать и дописывание, но вы мне для того чтобы я сделал это наиболее оптимальным образом распишите суть требований, почему нельзя перезаписывать, что именно и в каком порядке дописывать?

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

Например такое:
1. обнуляем все блоки в которые производится вывод
2. после запуска функции производящей прогоны, на каждом прогоне выполняем:
2.1. записываем в блоки test1-test9 информацию о с генерированных числах в формате "число1:число его повторений, число2:число его повторений, и т.д."
2.2. дописываем в блок bla-bla информацию о максимальных значениях на текущем прогоне по форме "число:число его повторений"
3 после прохождения всех прогонов записываем в блок final информацию о максимальных значениях из числа максимальных значений полученных во время прогонов и записанных в блок bla-bla по форме "число:число его повторений"

[Neizvest]

Не, в принципе все класс, только достаточно не простой код у вас, мне бы хотелось в моем варианте просто дописать часть кода чтобы все работало, просто решение задачи, перевод этой «строки» в массив ( типа 2:20)

[Роман]

Neizvest, самый сложный момент там использование метода Array.reduce(...) для поиска максимального значения. Этот метод бывает очень полезен для выполнения различных сложных преобразований массивов. Настоятельно рекомендую про него почитать.

Приеду домой скину вариант преобразования финальной строки в массив и поиск по нему максимального значения.

[Роман]

Neizvest, как и обещал - лови преобразование строки в массив и поиск максимального:

ну и плюшка от меня, демонстрирующая суть метода .reduce :)

[Neizvest]

Роман, Какое интересное преобразование, а можете что-то попроще придумать, а то несколько знаков мне непонятны, благодарю)

[Роман]

Neizvest, гхм, вы надомной издеваетесь?:) что может быть проще?
/\s*;\s*/ - регулярное выражение, совпадающее с точкой запятой обрамленной любым количеством пробелов с обеих сторон

[Neizvest]

А, я просто впервые такое вижу, я так понимаю это примерно аналагично (‘ , ‘)

[Роман]

Neizvest,

/\s*;\s*/ - аналогично ';' но с любым количеством пробелов до и после ;
/\s*:\s*/ - аналогично ':' но с любым количеством пробелов до и после :

в данных регулярках:
\s - пробельный символ, считается аналогией пробелу, переходу на новую строчку и символу возврата каретки
* - квантификатор, указывает что предыдущий символ может присутствовать 0 и более раз подряд

а вообще, регулярки для некоторого рода задач просто незаменимы, ознакомится с синтаксисом и возможностями можно тут, а еще лучше тут (статья на хабре)

[Neizvest]

И это решение я так понимаю и для моего кода подойдет? Строка будет равна fianal?

[Роман]

Neizvest, да, если ваша строка final выглядит так "число:количество ; число:количество ; число:количество"

[Neizvest]

А как в моем коде приобразовать строку к такому виду, ссылка на него в начале? Еще была идея сравнивать и запоминать наибольшее в момент записи в innerHTML, только я пока не знаю как реализовать

[Роман]

Neizvest, мне очень трудно читать хитросплетение вашего кода, так как вы смешали там все (логику расчетов, логику отображения, логику хранения). Я понятия не имею в каком виде у Вас получается строка нужная строка, из нашей переписки я понял следующее:
1. вы делаете 5 проходов
2. на каждом проходе вы:
2.1. генерируете 100 чисел от 0 до 9
2.2. считаете для каждого числа от 0 до 9 сколько оно было раз сгенерировано
2.3. определяете число, которое повторилось наибольшее число раз
2.4. добавляете его к строке final в виде "число:число повторений ;"
3. после прохождения всех проходов в финал имеем "число:количество ; число:количество ; число:количество; и т.д"

Если я все правильно понял, то строка в final уже в нужном виде, нужно только убрать ";" в конце строки. Это можно сделать так:
final = final.replace(/\s*;\s*$/,"");

Так же возможно понадобится убрать теги. Это делается так:
final = final.replace(/<.*?>/g,"");

[Neizvest]

var acc = 0;
for () {
if (count1 == largest){
final.innerHTML += "1 : " + “” + largest + " ; ";
acc = acc > largest ? acc : largest;
}
}

А так можно, запоминать в момент записи, а потом просто сложить? Только как сделать, чтобы работало

[Роман]

Neizvest, вполне, но что Вы потом складывать будете? Ведь в final будет уже все сложено.

[Neizvest]

Просто в моем коде, все, что вы показываете не работает

[Роман]

Скиньте на https://codepen.io ваш код и отметьте места где не работает , посмотрю в чем дело

[Neizvest]

https://codepen.io/Pikromat/pen/dgRWNE Я вставлял вашу часть кода перед закрывающими тегами в самом низу

[Роман]

Neizvest, пожалуйста. Но из-за того, что Вы наотрез отказываетесь хранить промежуточные данные не в специально созданных для этого переменных а храните их в виде строк в html тегах, решение получилось достаточно громоздким.
Также вынужден был добавить еще один html элемент с id=large для вывода в него окончательной информации.

чуть подправил комментарии:
https://codepen.io/lastuniverse/pen/gBGxRe

[Роман]

Neizvest, еще немного подредактировал комментарии для большей ясности происходящего
(моя вставка - строки от 168 по 215)
https://codepen.io/lastuniverse/pen/pxWWeb

[Neizvest]

Вот, огромное спасибо!

[Роман]

Neizvest, отметьте ответ решением пожалуйста.

[Neizvest]

Только вопрос, выводится в итоге цифра которая повторялась чаще всего из largest, и кол-во ее макс. повторений?

[Роман]

Neizvest, да

[Роман]

Neizvest, но есть ньюанс, в ходе проходов может возникнуть ситуация, когда в разных проходах максимальное число раз повторилась одна и таже цифра, но число повторений разное. Например "2:13 ; 2:15"
Если возникает такая ситуация, при преобразовании строки в масив пара "2:13" в масив не попадет, а попадет в него только пара с наибольшим числом повторений.

[Neizvest]

Спасибо вам большое!