<ul class="nav">
  <li class="nav__item tt" data-id="1234" data-float="433" data-original-title="34">
    1
  </li>
  <li class="nav__item tt" data-id="12343" data-float="123436t" data-original-title="1343165">
    2
  </li>
  <li class="nav__item tt" data-id="12343" data-float="1234" data-original-title="343434">
    3
  </li>
    <li class="nav__item tt" data-id="1234" data-float="433" data-original-title="34">
    1
  </li>
  <li class="nav__item tt" data-id="12343" data-float="123436t" data-original-title="1343165">
    2
  </li>
  <li class="nav__item tt" data-id="12343" data-float="1234" data-original-title="343434">
    3
  </li>
</ul>
const items = document.querySelectorAll('.nav__item')
const result = []
 
items.forEach((item, i) => {
  result.push({
    i,
    ...item.dataset
  })
})

console.log(result)

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.