Как проверить, есть ли в пути svg класс, который соответствует значению в массиве, и если да, добавить новый класс

Ваша ошибка неуловима. Вы начинаете с Array из String:

var nationList = ["usa", "france", "italy"];

Затем вы вызываете String.prototype.includes, передавая path.className в качестве аргумента.

if (foundNations.includes(path.className)) { path.classList.add('fadeIn')

Там вы неявно предполагая, что path.className - это String. Но, сюрприз-сюрприз, это не String, это SVGAnimatedString!

console.info(path.className)
> [object SVGAnimatedString] {
   animVal: "germany",
   baseVal: "germany"
  }

Да, в некоторых крайних случаях имена классов для элементов SVG можно изменять во время анимации.

Вероятно, вы захотите использовать baseVal свойство SVGAnimatedStrings:

console.info(typeof path.className.baseVal)
> "string"

И теперь все должно работать более точно так, как вы ожидаете:

if (foundNations.includes(path.className.baseVal)) {
  path.classList.add('fadeIn')
}
console.info(path.className.baseVal);
> "spain fadeIn"

У вас есть вторая проблема, связанная с другим предположением. Вы предполагая, что path.className содержит только имя класса один, но согласно документации, акцент мой:

cName is a string variable representing the class or space-separated classes of the current element.

Фактически, если вы используете инструменты разработчика, доступные в вашем браузере, для проверки элементов SVG, вы увидите такие вещи, как ...

<path class = "Italy leaflet-interactive" stroke = "#ffffff" ....></path>

Итак, в этом случае вы предполагаете, что className.baseVal будет строкой "Italy", но на самом деле она принимает значение "Italy leaflet-interactive".

Подход здесь состоит в том, чтобы использовать Element.classList для итерации по имени класса s, чтобы увидеть, соответствует ли любой из них заданному группа.

Кроме того, я думаю, что это экземпляр XY проблема. Я не думаю, что ты хотел спросить

How to check if a SVG path has a class that maches foo?

скорее

How to symbolize a SVG polygon in Leaflet when the feature matches foo?

Потому что я считаю более элегантным переместить проверки в функцию обратного вызова style, например:

geojson = L.geoJson(statesData, {
  style: function(feature){ 
    var polygonClassName = feature.properties.name;
    if (nationList.contains(feature.properties.name)) {
        polygonClassName += ' fadeIn';
    }
    return {
      weight: 1,
      opacity: 1,
      color: '#ffffff',
      dashArray: '',
      fillOpacity: 0,
      fillColor : '#FF0080',
      className: polygonClassName
    };
  },
  onEachFeature: onEachFeature
}).addTo(map);

Leaflet предлагает удобную функциональность, такую ​​как L.Path.setStyle, которая скрывает сложность работы с селекторами и классами SVG напрямую, пока вы сохраняете ссылки на свои экземпляры L.Polygon (что в этом случае вы можете сделать в обратном вызове onEachFeature).