Работа з флагамі ў JavaScript

Зараз мы з вамі навучымся працаваць з флагамі. Флаг - гэта спецыяльная зменная, якая можа прымаць толькі два значэнні: true і false. З дапамогай флагаў можна вырашаць задачы, якія правяраюць адсутнасць чаго-небудзь: напрыклад, можна праверыць, што ў масіве няма элемента з пэўным значэннем. Давайце прыступім.

Давайце вырасім наступную задачу: дадзены масіў з лікамі, трэба праверыць, ці ёсць у ім элемент са значэннем 3 ці не. Калі ёсць - вывядзем '+++', калі няма - вывядзем '---'.

Для пачатку давайце паспрабуем вывесці '+++'. Для гэтага перабяром усе элементы нашага масіва і іфам будзем пытацца - роўны ці бягучы элемент значэнню 3. Калі роўны - вывядзем '+++':

javascriptlet arr = [1, 2, 3, 4, 5];

for (let elem of arr) {
  if (elem == 3) {
    console.log('+++');
  }
}

Але наша рашэнне не вельмі добрае: бо калі ў масіве будзе не адно значэнне 3, а некалькі, то '+++' выйдзе некалькі разоў. Давайце выправім наш масіў (зробім два элемента са значэннем 3) і пераканаемся ў гэтым:

javascriptlet arr = [1, 2, 3, 4, 3, 5];

for (let elem of arr) {
  if (elem == 3) {
    console.log('+++'); // выведзе некалькі разоў
  }
}

Выправім праблему: скончым цыкл з дапамогай break, калі элемент ужо знойдзены:

javascriptlet arr = [1, 2, 3, 4, 3, 5];

for (let elem of arr) {
  if (elem == 3) {
    console.log('+++');
    break;  // скончым цыкл
  }
}

Давайце зараз паспрабуем зрабіць так, каб, калі ў масіве наогул няма элементаў са значэннем 3, вывядалася '---'. Распаўсюджанай памылкай будзе дадаць else да нашага іфа - у гэтым выпадку '---' будзе выходзіць на ўсе элементы, якія не з'яўляюцца 3:

javascriptlet arr = [1, 2, 3, 4, 5];

for (let elem of arr) {
  if (elem == 3) {
    console.log('+++'); // выйдзе на элеменце 3
  } else {
    console.log('---'); // выйдзе на элементах 1, 2, 4, 5
  }
}

Такім чынам, ідэя дадаць else - дрэнная ідэя, якая не працуе. Для вырашэння задач падобнага тыпу (такія задачы сустракаюцца дастаткова часта) і выкарыстоўваюць так званыя флагі.

Як ужо згадвалася вышэй, флаг - гэта такая зменная, якая можа прымаць два значэнні: true або false.

Такім чынам, давайце зробім зменную flag з такім значэннем: калі яна роўная true, то ў масіве ёсць элемент 3, а калі false, то такога элемента няма.

Першапачаткова паставім зменную flag у значэнне false - гэта значыць будзем лічыць, што элемента 3 у масіве няма:

javascriptlet arr = [1, 2, 3, 4, 5];
let flag = false; // лічым, што элемента 3 няма ў масіве

Затым запусцім цыкл з іфам так, як мы рабілі гэта раней. Калі цыкл выявіць, што ў масіве ёсць элемент 3 - то паставім зменную flag у значэнне true і выйдзем з цыкла з дапамогай break:

javascriptlet arr = [1, 2, 3, 4, 5];
let flag = false; // лічым, што элемента 3 няма ў масіве

for (let elem of arr) {
  if (elem == 3) {
    flag = true; // элемент ёсць - перавызначым зменную flag
    break; // выйдзем з цыкла
  }
}

Адказ на пытанне, ці ёсць у масіве 3 ці не, мы можам даць толькі пасля цыкла. І гэты адказ у нас ужо ёсць: пасля цыкла зменная flag магла застацца false ці магла змяніць сваё значэнне на true, калі цыкл выявіў у масіве 3:

javascriptlet arr = [1, 2, 3, 4, 5];
let flag = false;

for (let elem of arr) {
  if (elem == 3) {
    flag = true;
    break;
  }
}

// тут зменная flag роўная або true, або false

Цяпер пасля цыкла мы можам зрабіць іф, які паглядзіць на зменную flag і вывядзе на экран '+++' або '---':

javascriptlet arr = [1, 2, 3, 4, 5];
let flag = false;

for (let elem of arr) {
  if (elem == 3) {
    flag = true;
    break;
  }
}

if (flag === true) {
  console.log('+++');
} else {
  console.log('---');
}

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];