Как практичнее всего добавлять класс «active» в меню навигации на определенной странице?

я думаю имеет смысл объяснить, что вы понимате под практичностью и почему element.classList.add (или $(...).addClass) вам не подходят

Interface, Под практичностью я имел ввиду сделать это так как делают в большинстве случаев, мне нужно добавить класс на определенной странице.

Антон, сомневаюсь, что для решения этой проблемы придумывался какой-то особый паттерн. :)

Сначала вы должны разобраться с тем, каким образом у вас формируется меню. Если оно формируется на основе записей базы данных, страниц, то скорее-всего у каждой записи будет индивидуальный ID.

При отображении страницы, вы сохраняете ID страницы, которую отображаете.
Проверяете соответствует ли ID страницы, на которую ведет элемент меню, ID страницы, которая открыта.

И это лишь один из вариантов, но чтобы вам подсказали подробнее, вы должны постараться лучше описать вашу "систему", на основе которой строится меню, да и сами страницы. (Роутинг)