Как грамотно подойти к решению этой простой, но интересной задачи для начинающих?

Question

[Stepan St]

Суть в следующем:

Условно есть список элементов

<ul>
	<li><a href="#"></a>Элемент списка1</li>
	<li><a href="#"></a>Элемент списка2</li>
	<li><a href="#"></a>Test Элемент списка3</li>
	<li><a href="#"></a>Элемент списка4</li>
	<li><a href="#"></a>Элемент списка5</li>
	<li><a href="#"></a>Элемент списка6</li>
	<li><a href="#"></a>Элемент списка7</li>
	<li><a href="#"></a>Deploy Элемент списка8</li>
	<li><a href="#"></a>Элемент списка9</li>
	<li><a href="#"></a>Элемент списка10</li>
</ul>

1. Необходимо вставить слово «Тестировать» вначале каждого пункта элемента списка
   
2. Все первые буквы наименования элементов, которые не начинаются со слов «Test» и «Deploy», должны быть в нижнем регистре
   

Соответственно должно получится нечто:

<ul>
	<li><a href="#"></a>Тестировать элемент списка1</li>
	<li><a href="#"></a>Тестировать элемент списка2</li>
	<li><a href="#"></a>Test элемент списка3</li>
	<li><a href="#"></a>Deploy элемент списка8</li>
</ul>

• Тестировать элемент списка1
  
• Тестировать элемент списка2
  
• Test элемент списка3
  
• Deploy элемент списка8
  

Подставить слово получилось, сделать выборку по ключевым словам пока нет)
Я понимаю что задача для опытных людей архи-легкая, но я не такой опытный.

Посоветуйте как грамотно подойти к решению, заранее спасибо)

Answer 1

[Антон Спирин]

if (!/^Test|^Deploy/.test(string)) {
  // do something
}

Регулярные выражения

Comments

[Stepan St]

Спасибо, я вот здесь изучаю: https://learn.javascript.ru/regular-expressions-ja... закопался по самые уши)

[Антон Спирин]

Stepan St, вам подойдет что-то вроде:

if (!/^Test|^Deploy/.test(string)) {
  // do something
}

Answer 2

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

Поскольку тут нет множества вариантов форм слов, «дешевле» обойтись без регулярных выражений.

1. Разбить на массив слов по пробелу.
   
2. Пройтись по каждому слову и если оно != "Test" И != "Deploy", сделать ему toLowerCase()
   
3. Первое слово != "Test" И != "Deploy" ? вставить "Тестировать" в начале массива.
   

Проверки в п.2 и 3. идентичны, поэтому можно оптимизировать их в одну.

Примерно так

Comments

[Stepan St]

Попробую так, спасибо) Но и регулярки покурю)

Answer 3

[Dies Irae]

Решение с jQuery: JSFiddle

Comments

[Stepan St]

О! Спасибо! Не совсем пока понимаю отличие let от var) Пошел гуглить)

P/S/
Кстати такой момент: при нажатии на кнопку слово тестирование добавляется бесконечное множество раз, а как сделать чтобы была только одна обработка?

[Dies Irae]

aleksejjjj, упс)

[Dies Irae]

aleksejjjj, лучше через jQuery метод .next() делать: W3Schools

[Dies Irae]

aleksejjjj,
JSFiddle

$(document).ready(function(){
  $("#rename").click(function(){
  let list_item = $("li").first();
  let isTest;
  let isDeploy;
    for (let i = 0; i < $("li").length; i++) {
      try {
      	isTest = list_item.text().search("Test") == 0;
        isDeploy = list_item.text().search("Deploy") == 0;
        if (!isTest && !isDeploy) {          
        	list_item.html(list_item.children()[0].outerHTML + "Тестировать "+list_item.text());
        }
        list_item = list_item.next();
      } catch (err) {
        alert(err);
      }
      }
    })
})