如何在javascript中的數組中插入特定位置的div

Question

我有一個數組，當我回想起我的數組時，我得到了類似這樣的東西。

arr[0] = <li data="Dummy1" class= "Dummy1"></li> 
arr[1] = <li data="Dummy2" class= "Dummy2"></li> 
arr[2] = <li data="Dummy3" class= "Dummy3"></li> 

現在改編後的[0]我想插入一個div光標的風格

<div style: 'cursor:auto'></div> 

所以我的陣列將看起來像

arr[0] = <li data="Dummy1" class= "Dummy1"></li> 
arr[1] = <div style: 'cursor:auto'></div> 
arr[2] = <li data="Dummy2" class= "Dummy2"></li> 
arr[3] = <li data="Dummy3" class= "Dummy3"></li> 

任何人可以幫助我如何達到這個'

Answer 1

你可以用這種方式對數組對象的splice函數：

arr.splice(1, 0, "<div style: 'cursor:auto'></div>"); 

這將在索引1中插入項目，刪除0項。

Answer 2

使用Array.splice()方法：它將通過刪除現有元素和/或添加新元素來更改數組的內容。

var arr = []; 
 

 
arr[0] = '<li data="Dummy1" class= "Dummy1"></li>'; 
 
arr[1] = '<li data="Dummy2" class= "Dummy2"></li>'; 
 
arr[2] = '<li data="Dummy3" class= "Dummy3"></li>'; 
 

 
arr.splice(1, 0, "<div style: 'cursor:auto'></div>"); 
 

 
console.log(arr);