GennadySht
/
HomeWork


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
							<header>
    <h1>Table</h1>
</header>

<body>
    <script>
        var arr = [
            {
                "Name": "chevrolet chevelle malibu",
                "Cylinders": 8,
                "Displacement": 307,
                "Horsepower": 130,
                "Weight_in_lbs": 3504,
                "Origin": "USA"
            },
            {
                "Name": "buick skylark 320",
                "Miles_per_Gallon": 15,
                "Cylinders": 8,
                "Displacement": 350,
                "Horsepower": 165,
                "Weight_in_lbs": 3693,
                "Acceleration": 11.5,
                "Year": "1970-01-01",
            },
            {
                "Miles_per_Gallon": 18,
                "Cylinders": 8,
                "Displacement": 318,
                "Horsepower": 150,
                "Weight_in_lbs": 3436,
                "Year": "1970-01-01",
                "Origin": "USA"
            },
            {
                "Name": "amc rebel sst",
                "Miles_per_Gallon": 16,
                "Cylinders": 8,
                "Displacement": 304,
                "Horsepower": 150,
                "Year": "1970-01-01",
                "Origin": "USA"
            },
        ]
        names = Object
            .entries(
                arr.reduce(
                    (prev, next) => {
                        return { ...prev, ...next };
                    }
                ))
            .map(entry => entry[0]);
        str = "<table>";
        str += "<tr>" +
            names
                .map(name => `<td>${name}</td>`)
                .join('') +
            "</tr>";
        str +=
                arr
                    .map(obj => 
                        `<tr>${
                            names
                                .map(name => `<td>${obj[name] || "-"}</td>`)
                                .join('')
                        }</tr>`)
                    .join('');
        str += "</table>";

        document.write(str)


    </script>

</body>