複数の要素に同じ処理と別の処理をしたい場合、同じ処理はfor文の外？中？

前提

・複数の要素に同じ処理と各々別の処理をしたい
・別の処理はfor文で処理
同じ処理の実行場所で、以下の２つに違いはありますか？（処理の速度・可読性など）
①for文内で共通のクラス操作
②for文の外で共通のクラス操作

該当のソースコード

HTML

<button class="sec-1-btn" onclick="secBtn()">Section 1</button> <div class="select q-a">Question A</div> <div class="select q-b">Question B</div> <div class="select q-c">Question C</div>

①for文の中で共通のクラス操作

JavaScript

const array1 = ['a','b','c']function secBtn(){ for (const value of array1) { $(".q-"+ value).addClass('red'); //or $(".select").addClass('red'); $(".q-"+ value).data('value' ,value ); }};

②for文の外で共通のクラス操作

JavaScript

const array1 = ['a','b','c']function secBtn(){ $(".select").addClass('red'); for (const value of array1) { $(".q-"+ value).data('value' ,value ); }};