GennadySht
/
HomeWork


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
							<header>
    <h1>Literals</h1>
</header>

<body>
    <script>
        
    </script>

</body>

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)