遍歷array的資料到SVG

Question

有一組array記錄著SVG path的顏色，我寫了一個function如下：

　　　　　　　for(var item in colorCollectionArray) {
                var village = colorCollectionArray[item].village;
                var fillColor = 'fill:'+colorCollectionArray[item].colorSet;

                $(SVG).find('path').each(function(){
                    var id = $(this).attr('id');
                    console.log(id)          
                    if(village) {
                        if(id.substring(6) === village){
                            $(this).attr('style',fillColor);
                        }
                    }
                });
            }

顏色有成功填進去，但是效能很不好，因為這個data數據量很大，每次頁面載入都會很慢。
想請問大大們有沒有什麼好建議，我查了一下好像要用遞迴(recursion)遍歷？但不是很理解該怎麼用，還望高人指點。### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？