한 줄의 코드로 객체 배열에서 테이블 생성
3734 단어 htmljavascript
<html lang=de>
<meta charset=UTF-8>
<title>Document</title>
<link rel="stylesheet"
href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
<body class=container>
<h1>Array of objects to table</h1>
<script>
let cities = [
{"city": "Berlin","country": "Germany"},
{"city": "Paris","country": "France"}]
document.querySelector('h1').insertAdjacentHTML('afterend',
`<table><thead><tr><th>
${Object.keys(cities[0]).join('<th>')}
</thead><tbody><tr><td>${cities.map(e=>Object.values(e)
.join('<td>')).join('<tr><td>')}</table>`)
</script>
Reference
이 문제에 관하여(한 줄의 코드로 객체 배열에서 테이블 생성), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/frankwisniewski/create-table-from-array-of-objects-in-one-line-of-code-c57텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)