Это очень субъективная штука, которая непостоянна, и меняется по мере развития технологии или сменой увлечений.
getSpecificData(data) {
let result = [];
for (let i = 0; i < data.length; i++) {
if (...) {
result.push(...);
}
}
return data;
}
getSpecificData(data) {
let result = [];
data.forEach(item => {
if (...) {
result.push(...);
}
});
return data;
}
getSpecificData(data) {
return data.reduce((acc, item) => {
if (...) {
acc.push(...)
}
return acc;
}, []);
}
// три реакции на что-то там
reaction(
() => state.search,
search => {
element1.classList.toggle("is-active", search.lenght > 0);
},
);
reaction(
() => state.items,
items => {
element2.classList.toggle("is-active", items.lenght > 0);
},
);
reaction(
() => state.data,
data => {
element3.classList.toggle("is-active", data.lenght > 0);
},
);
// они же похожи, поэтому можно это отрефакторить до такого вида
const reactionToggle = (expression: any, element: HTMLElement) => {
reaction(expression, (prop: boolean) => {
element.classList.toggle("is-active", prop);
});
};
reactionToggle(() => state.search, element1);
reactionToggle(() => state.items, element2);
reactionToggle(() => state.data, element3);