dz5 remove duplicate code

HW_js_5/scriptDz4(objectsInJson).js

@@ -123,71 +123,43 @@ for(let persons of personsFirst) {
 // Сделайте цикл, который выводит весь массив persons, в форме HTML-таблицы. Имя и Фамилия, а так же другие поля при наличии. Колонки: поля, строки таблицы - персоны.
 
 
-// let  str = "<table style='border: 1px solid black'><tr>"
-// let index = 0;
-// let newArr = [];
-
-// for (let person of personsFirst ) {
-//     index += 1;
-
-//     for (let value1 in Object.keys(person)) {
-//         if (!newArr.includes(Object.keys(person)[value1])){
-//             newArr.push(Object.keys(person)[value1]);
-//         };
-//     };
-// };
-
-// for (let i = 0; i < newArr.length; i++) {
-//     str += `<tr><th style="border: 1px solid black">${newArr[i].toLowerCase()}</tr>`
-
-//     for (let k = 0; k < personsFirst.length; k++) {
-//         for(let value1 in personsFirst[k]) {
-//             if(value1 === newArr[i]){
-//                 str += `<td style='border: 1px solid black'>${personsFirst[k][value1]}</td>`;
-//             }
-//         }
-//     }
-// }
-
+let str = "<table style='border: 4mm ridge rgba(56, 255, 109, .6);background-color: #FF8F1B;background-image: linear-gradient(334deg, #2ab3ff,#ff2d00);' ><tr>"
+let index = 0;
+const newArr = [];
 
+for (const person of personsFirst) {
 
-// let str = "<table style='border: 4mm ridge rgba(56, 255, 109, .6);background-color: #FF8F1B;background-image: linear-gradient(334deg, #2ab3ff,#ff2d00);' ><tr>"
-// let index = 0;
-// const newArr = [];
-
-// for (const person of personsFirst) {
-
-//     index += 1;
+    index += 1;
     
-//     for (const key in Object.keys(person)) {
+    for (const key in Object.keys(person)) {
 
-//         if (!newArr.includes(Object.keys(person)[key])) {
-//             newArr.push(Object.keys(person)[key]);
-//         };
-//     };
+        if (!newArr.includes(Object.keys(person)[key])) {
+            newArr.push(Object.keys(person)[key]);
+        };
+    };
 
-// };
+};
 
-// for (let i = 0; i < newArr.length; i++) {
+for (let i = 0; i < newArr.length; i++) {
 
-//     str += `<tr><th style="border: 2px solid black; background-color: rgba(255, 143, 27, 0.6);;
-//     background-image: linear-gradient(to left, #2ab3ff,#F7F7F7, #ff2d00);">${newArr[i].toUpperCase()}</th>`
+    str += `<tr><th style="border: 2px solid black; background-color: rgba(255, 143, 27, 0.6);;
+    background-image: linear-gradient(to left, #2ab3ff,#F7F7F7, #ff2d00);">${newArr[i].toUpperCase()}</th>`
 
-//     for (let k = 0; k < personsFirst.length; k++) {
+    for (let k = 0; k < personsFirst.length; k++) {
     
-//         for (const key in personsFirst[k]) {
+        for (const key in personsFirst[k]) {
         
-//             if (key === newArr[i]) {
+            if (key === newArr[i]) {
 
-//                 str += `<td style='border: 3px solid black; background-color: #F7F7F7;background-image: linear-gradient(to left, #2ab3ff,white,#F7F7F7, #ff100099);'>${personsFirst[k][key]}</td>`;
+                str += `<td style='border: 3px solid black; background-color: #F7F7F7;background-image: linear-gradient(to left, #2ab3ff,white,#F7F7F7, #ff100099);'>${personsFirst[k][key]}</td>`;
                 
-//             };
-//         };
-//     };
-// };
+            };
+        };
+    };
+};
 
-// str += "</table>"
-// document.write(str)
+str += "</table>"
+document.write(str)
 
 
 // destruct array---------