Как подсчитать сколько раз использовался символ?

Question

[xormakor]

Дана форма для ввода имени и фамилии пользователя, требуется подсчитать количество букв "о" в фамилии, букв "а" в имени.

Comments

[WbICHA]

js пока только на стадии изучения

Ну так изучай...

[xormakor]

WbICHA, чем и занимаюсь.... на этот момент произошел затуп...

[WbICHA]

xormakor, как насчёт пройтись циклом?

[Вадим]

У строки есть возможность обращаться по индексу к конкретной букве.
Например:

const userName = "xormakor"
console.log(userName[0]) // x
console.log(userName[1]) // o
// и так далее.

Так же у строки есть свойство .length, которое показывает сколько символов в строке.

Далее Вам понадобится цикл, в котором нужно проитерироваться от 0 до длины строки-1 (так как нумерация с нуля), на каждой итерации цикла взять букву из строки по индексу текущей итерации, и если она соответствует нужной - увеличить счётчик.

Материалы по теме:
https://learn.javascript.ru/string
https://learn.javascript.ru/while-for (цикл for подходящий в данном случае)
Это если на уровне новичка решать.

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

Например, разложить строку в массив через [...userName] - что даст на выходе массив, элементы которого будут символы в строке и потом через reduce посчитать сколько нужной буквы в массиве.

Если строка сразу состоит из имени и фамилии, то разбить строку на массив из 2х отдельных элементов (имя и фамилия) по пробелу через .split(' ') и для элемента каждого проделать нужную процедуру.

[Александр]

держи простой пример:


Можно так:

function countLetters() {
    var name = document.getElementById("name").value;
    var surname = document.getElementById("surname").value;
    var num_o = surname.split("о").length - 1;
    var num_a = name.split("а").length - 1;
    alert("Количество букв 'о' в фамилии: " + num_o + "\nКоличество букв 'а' в имени: " + num_a);
}

Можно и так:)

function countLetters() {
    var name = document.getElementById("name").value;
    var surname = document.getElementById("surname").value;
    var num_o = surname.replace(/[^о]/g, "").length;
    var num_a = name.replace(/[^а]/g, "").length;
    alert("Количество букв 'о' в фамилии: " + num_o + "\nКоличество букв 'а' в имени: " + num_a);
}

Конечно, нужно еще проверку регистра букв сделать.
Например так:

function countLetters() {
    var name = document.getElementById("name").value;
    var surname = document.getElementById("surname").value;
    var num_o = 0;
    var num_a = 0;
    for (let i = 0; i < surname.length; i++) {
        if (surname[i].toLowerCase() === 'о') {
            num_o++;
        }
    }
    for (let i = 0; i < name.length; i++) {
        if (name[i].toLowerCase() === 'а') {
            num_a++;
        }
    }
    alert("Количество букв 'о' в фамилии:  " + num_o + "\nКоличество букв 'а' в имени:" + num_a);
}

Answer 1

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

Строку по буквам можно перебрать циклом for .. of:

let n = 0;
for (const c of 'Moloko') {
  if (c === 'o') n++;
}
n // 3

<Offtopic> не первый раз замечаю, что русскоязычная версия документации на MDN чуть хуже англоязычной. Например, явно String упоминается в английской, но не в русской версии описания for .. of
Теории заговора welcome в комменты : )

Comments

[Сергей delphinpro]

Она не хуже, а просто отстает немного. Актуальность хромает.
В англ написано «перечисляемые объекты включают в себя экземпляры следующих типов: [и далее полный список типов]»
В рус «итерируемых объектов, включая [и далее краткий список типов для примера]»
То есть немного разный смысл: перечислить всё и показать только несколько примеров.
Возможно изначально в английской была такая же формулировка, но потом ее дополнили. А переводы соответственно не обновили.

А вообще, да. Некоторые страницы прямо на порядок короче английской версии. Лучше оригинал читать.