JS：删除并改变数组元素

马黑黑 · 发表于 2022-7-2 10:52

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由马黑黑于 2022-7-2 11:39 编辑

JS删除数组元素的方法很多，可以使用的内置函数不在少数，还可以利用循环语句进行迭代等等手段加以实现。但简洁且灵活的做法，莫过于使用内置函数 splice，它用途多多，删除数组元素对它而言是小儿科。欲要删除数组中的指定元素，splice 的语法如下：

array.splice(key, [number]);

如此，数组 array 的 number 个数组元素都被删除，删除次序从 key+1 开始，key 从 1 算起；number 参数可选，缺省时从 key+1 往后全部删除。

例如，我们有一个数组，

numAr = [3,2,99,76,22];

我们想只保留第一和第二个，则这么使用 splice ：

numAr.splice(2,); 或 numAr.splice(2);

若我们想删除第三项，则：

numAr.splice(2,1);

注意，删除是从 key 后面的那一项，所以，删除第三项，key参数是 2 ，而不是 3。上例的第二个参数，1，表示删除一项元素，也就是删除第三项，如果 1 变为 2，则第三、四两项将被删除。

再请注意，以上方法会改变数组，亦即，删除之后被删除的数组元素及其在数组中的占位不复存在，数组长度会相应变短。

为了更好说明问题，我们将在二楼给出一个实例，该例假设水吧每周抽一次奖（感谢队长 @加林森），每次抽奖都有六名幸运者能够获得一定数额的奖金（RMB）。

马黑黑 · 发表于 2022-7-2 10:53

<p class="bbbox"></p>

<script>

let bbbox = document.querySelector('.bbbox');
let bonus = [100,900,188,2000,20,600];
let total = bonus.length;
let num = (min,max) => Math.floor(Math.random()*(max-min+1))+min;

arDel();

console.log(bonus);
function arDel() {
let idx = num(0,bonus.length - 1);
let money = bonus[idx];
bonus.splice(idx, 1);
bbbox.innerHTML += total - bonus.length + ' 号奖金 : ' + money + '<br>';
if(bonus.length == 0) {
bbbox.innerHTML += '<br>奖金池已清空。敬请期待下一期...';
return false;
}
setTimeout(() => arDel(), 1000);
}
</script>