如何摆脱许多 IF 并使系统具有不同的元素？

Question

在这段代码中，您可以看到一个获取一些数据的 JSON 请求。我需要一些帮助来检查最小化代码和使用 FOR 而不是许多 IF 进行迭代的某些机会。此外，如果您对微分系统提出任何建议（如何使元素彼此不同），那就太好了<script type="text/javascript">    function deleteRow0() {        $('p.row0').remove();    };     function deleteRow1() {        $('p.row1').remove();    };     function deleteRow2() {        $('p.row2').remove();    };     function deleteRow3() {        $('p.row3').remove();    };     function deleteRow4() {        $('p.row4').remove();            }; </script><script type="text/javascript">    function hello2() {        //GETTING JSON INFO        $.getJSON("https://rawgit.com/Varinetz/e6cbadec972e76a340c41a65fcc2a6b3/raw/90191826a3bac2ff0761040ed1d95c59f14eaf26/frontend_test_table.json", function(json) {            $('#table-cars').css("display", "grid");            for (let counter = 0; counter < json.length; counter++) {                $('#table-cars').append("<p class='row" + counter +" main-text'>" + json[counter].title + "<br/>" + "<span class='sub-text'>" + json[counter].description + "</span>" + "</p>"                + "<p class='row" + counter +" main-text'>" + json[counter].year + "</p>"                 + "<p id='color" + [counter] + "' class='row" + counter +" main-text'>" + json[counter].color + "</p>"                 + "<p id='status" + [counter] + "' class='row" + counter +" main-text'>" + json[counter].status + "</p>"                 + "<p class='row" + counter +" main-text'>" + json[counter].price + " руб." + "</p>"                 + "<p class='row" + counter +" main-text'>" + "<button class='delete' onclick='deleteRow" + [counter] + "()'>Удалить</button>" + "</p>");                // COLOR TEXT REPLACEMENT                if ($('p#color0').text("red")){                    $('p#color0').text("").append("<img src='red.png'>");                }    我希望这类似于：1）迭代：对于每个 p.row(i) { 将它与多种颜色进行比较 (json.color)}; 2) 关于微分系统的任何建议（即 FOR 部分的更改，因此它提供了更易于使用的东西，而不仅仅是简单的 p.row(n)）。当然，如果可能的话。