如何将数组中的每个索引动态输出为HTML

Question

我正在尝试创建一个工具提示，动态地打印特定数组的每个索引位置。

我首先从'for'循环开始，如果它们通过如下条件，则将我想要显示在工具提示中的目标值推送到数组：

var myArray = [];

            for (var i = 0; i < ccirdata.length; i++) {
                if (myArray[i].catType === 'I') {       
                    myArray.push(ccirdata[i].catNum);

                }
            }

我想迭代/打印数组的EACH索引项：

scope.data = [
                {
                    key: 'Category I',
                    MyAttribute:<INSERT HERE>
                },

因此我的工具提示的格式为'MyAttribute'将创建一个新行，“＆lt; tr＆gt;”对于每个索引项：

                       var header =
                                "<thead>" +
                                "<tr>" +
                                "<td class='legend-color-guide'><div style='background-color: " + series.color + ";'></div></td>" +
                                "<td class='key'>" + series.key + " CCIRs:</td>" +
                                "</tr>" +
                                "</thead>";

                            var rows =
                                "<tr>" +
                                "<td class='key'><strong>" + series.key + "</strong></td>" +
                                "<td class='x-value'>" + MyAttribute + "</td>" +
                                "</tr>" 

                            return "<table>" +
                                header +
                                "<tbody>" +
                                rows +
                                "</tbody>" +
                                "</table>";

我只是不确定如何做到这一点，因为迭代需要javascript，我希望以html格式打印每个项目（工具提示）