andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #661 from xiangwenhu/master

Browse Source 
update arrayToHtmlList to more high efficiency
This commit is contained in:
Stefan Feješ
2018-05-07 10:32:56 +02:00
committed by GitHub
parent ff2e7c4342 12e24bd692
commit 10b13a4c9e
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
snippets/arrayToHtmlList.md
View File

@ -2,11 +2,12 @@
Converts the given array elements into `<li>` tags and appends them to the list of the given id.
Use `Array.map()` and `document.querySelector()` to create a list of html tags.
Use `Array.map()`, `document.querySelector()`, and an anonymous inner closure to create a list of html tags.
```js
const arrayToHtmlList = (arr, listID) =>
arr.map(item => (document.querySelector('#' + listID).innerHTML += `<li>${item}</li>`));
const arrayToHtmlList = (arr, listID) =>
(el => (el = document.querySelector('#' + listID),
el.innerHTML += arr.map(item => `<li>${item}</li>`).join('')))()
```
```js