崎径其镜赵安琪的博客 ·

JS使用Splice()函数操作数组

💡 原文中文，约1000字，阅读约需3分钟。

📝

内容提要

文章介绍了在JavaScript中通过splice()函数实现数组操作的方法，包括值交换、置顶、下移、插入、顶部插入和删除元素等操作，并提供了具体函数示例，方便开发者处理数组数据。

🔎

延伸解读

splice() 的返回值与副作用

splice() 会直接修改原数组，并返回被删除的元素组成的数组。文章中的 swap_arr 和 up_arr 等函数利用了这一特性：通过 splice(index2, 1, a_list[index1]) 先删除目标位置的元素，再插入新值，同时用 [0] 取出被删除的旧值用于交换。理解这一点有助于避免误用返回值，例如误以为 splice 返回新数组。

基于下标的操作与边界处理

文章中的函数均以下标为操作依据，并显式检查 index 是否为 -1（表示元素不存在）以及是否越界（如置顶时 index 不能为 0，下移时不能为 length-1）。这种边界检查是必要的，否则 splice 在非法下标下可能产生意外结果。实际使用时，建议先通过 indexOf 获取下标，再调用这些函数。

插入操作的重复检查

ins_arr 函数在插入前会检查待插入的数据是否已存在于数组中（通过 indexOf 判断），若存在则返回 false 并拒绝插入。这有助于维护数组元素的唯一性，但需注意该检查是全局的，而非仅针对插入位置附近。若业务允许重复元素，则需移除该检查。

❓

Q&A

JavaScript中如何使用splice()函数实现数组元素交换？

可以通过splice()函数实现：function swap_arr(a_list, index1, index2) { a_list[index1] = a_list.splice(index2, 1, a_list[index1])[0]; return a_list; } 该函数将index2位置的元素替换为index1的元素，并返回被替换的元素，从而实现交换。

在JavaScript中，如何将数组中的某个元素移动到顶部？

可以使用splice()函数：function up_arr(a_list, index) { if(index!=0 && index!=-1){ a_list[index] = a_list.splice(index-1, 1, a_list[index])[0]; } } 该函数将index位置的元素与前一位置的元素交换，实现上移，若index为0或-1则不操作。

JavaScript中如何将数组中的某个元素下移一位？

可以使用splice()函数：function down_arr(a_list, index) { if(index!=a_list.length-1 && index!=-1){ a_list[index] = a_list.splice(index+1, 1, a_list[index])[0]; } } 该函数将index位置的元素与后一位置的元素交换，实现下移，若index为最后一个或-1则不操作。

JavaScript中如何向数组指定位置插入一个不重复的元素？

可以使用splice()函数：function ins_arr(a_list, index, a_data) { if(index!=-1){ if (a_list.indexOf(a_data)==-1) { a_list.splice(index+1, 0, a_data); return true; } else { return false; } } } 该函数在index+1位置插入元素，若元素已存在则返回false，否则插入并返回true。

JavaScript中如何在数组顶部插入一个元素？

可以使用splice()函数：function topins_arr(a_list, a_data) { a_list.splice(0, 0, a_data); } 该函数在数组开头插入元素。

JavaScript中如何删除数组中的多个指定元素？

可以使用splice()函数：function del_arr(a_list, a_data_list) { for (const ele of a_data_list) { let index = a_list.indexOf(ele); if(index!=-1){ a_list.splice(index, 1); } } } 该函数遍历待删除元素列表，通过indexOf找到下标并删除。

🏷️