Вставка длинны массива в id объекта

[Artur_Hopf]

Добрый день, допустим есть массив, его перебором нужно вставить в объект с разными id:

<div id="dat"></div>
<script type="text/javascript">
var data = "";
var arr =[3343,454,6566,766,8778];
for (i = 0; i < arr.length; i++){
             data += '<div id ="' + 'length' + arr.length + '">' + arr[i] + '</div>';
};
var dat = document.getElementById('dat');
dat.innerHTML = data;
</script>

В данном случаем результат будет:

<div id ="length5">3343</div>
<div id ="length5">454</div>
<div id ="length5">6566</div>
<div id ="length5">766</div>
<div id ="length5">8778</div>

А как сделать чтобы было? :

<div id ="length0">3343</div>
<div id ="length1">454</div>
<div id ="length2">6566</div>
<div id ="length3">766</div>
<div id ="length4">8778</div>

[Nexus]

<div id="dat"></div>
<script type="text/javascript">
var data = "";
var arr =[3343,454,6566,766,8778];
for (i = 0; i < arr.length; i++){
             data += '<div id ="' + 'length' + i + '">' + num + '</div>';
};
var dat = document.getElementById('dat');
dat.innerHTML = data;
</script>

<div id="dat"></div>
<script type="text/javascript">
	var arr =[3343,454,6566,766,8778];
	document.getElementById('dat').innerHTML=arr.map((num,i)=>`<div id="length${i}">${num}</div>`).join('\n');
</script>

[рони]

id ="' + 'length'

???

[j0hnik]

Nexus,

[HTML run][/HTML]

[Artur_Hopf]

Nexus,
Спасибо большое

[Nexus]

j0hnik, поправил, спасибо

[j0hnik]

Nexus,
кавычки с полюсом можно было удалить заодно, или рони для вас не авторитет?

[Nexus]

j0hnik, я пожелал минимизировать кол-во изменений в коде ТС )
На замечание рони стоит обратить внимание в первую очередь автору кода.

ps. свою версию кода добавил в то же сообщение.

[Dilettante_Pro]

Да и length тут как-то ни при чем... Из-за этого, по-видимому, и возникла эта ошибка.