如何在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>

现在，在 arr[0] 之后，我想插入一个带有 cursor 样式的 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>

有人可以帮我实现这个吗？

- David

Answer 1

您可以在数组对象上使用 splice 函数来实现：

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

这将在索引1插入项目并删除0个项目。

- amhev

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

- Rohìt Jíndal