Criar array com valores de uma lista HTML

[manoaj 12]

Boa noite pessoal!

Minha duvida e a seguinte, como eu posso montar um array JS com os valores dos atributos data dos elementos li da minha lista.

Ex:

<ul>

<li data-id="1"></li>

<li data-id="2"></li>

<li data-id="3"></li>

</ul>

array com os valores de 1,2,3.

[William Bruno 1501]

<ul>

<li data-id="1"></li>

<li data-id="2"></li>

<li data-id="3"></li>

</ul>

<script type="text/javascript">

var $lis = document.querySelectorAll('ul li[data-id]');

$lis = [].slice.call($lis);

var arr = $lis.map(function($li) {

return $li.getAttribute('data-id');

});

console.log(arr);

</script>