Найти объект в массиве

Question

Я крутил свои колеса на этом некоторое время теперь. У меня есть массив объектов, построенный так:

0: {name: "Coaches", isActive: true, locations: Array(13)}
1: {name: "Directors", isActive: false, locations: Array(13)}
2: {name: "Trainers", isActive: false, locations: Array(5)}

У меня есть меню навигации, и когда мышь входит, получает текст позиции. Теперь я пытаюсь в моем массиве сравнить этот текст с текстом имени, чтобы я мог построить подпункты местоположений

        $('.nav ul').hide();
    $('.nav li').mouseenter(function () {                        
        $(this).children('ul').stop().slideDown('slow');
        var text = $(this).find('span').text();
        //console.log(text);

        var item = leftNavData.modules.findIndex(i => i.name.toLowerCase() === "coaches");
        var i = leftNavData.modules.find(x => x.name.toLowerCase() == text.toLowerCase());
        console.log(i);
        console.log(item);

    }).mouseleave(function () {

        $(this).children('ul').stop().slideUp('slow')
    });

Поиск всегда возвращает один и тот же объект, который тренирует первый, даже если я наведу курсор мыши на другие элементы.

Текст меняется, но поиск всегда возвращает первый объект.

FindIndex всегда равен 0.

Я начал здесь и здесь

Любые идеи или что-то, что я пропустил?

Спасибо

Answer 1

Простая ошибка, основанная на неправильном понимании того, что .toLowerCase() это метод, а не свойство.

.toLowerCase()

не

.toLowerCase