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

Добрый день, допустим есть массив, его перебором нужно вставить в объект с разными 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>

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

<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>

:-?

<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>

???

Nexus,

[HTML run][/HTML]

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

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

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

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

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

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