如何摆脱许多 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)）。当然，如果可能的话。