JS数组内undefined元素是否有影响？前端删元素后遇随机选取问题

Hey there! Let's break down what's happening and get this sorted for you.

The Root of the Problem #

Chances are you're using the delete operator to remove the number from your array—like delete myArray[targetIndex]. While this removes the value at that position, it doesn't change the array's length and leaves an undefined in its place. That's exactly why your random selection function is acting up: it's probably picking indices that now point to those empty slots.

Correct Ways to Remove Elements (No Undefined Leftovers!) #

Here are two reliable methods to properly strip elements from your array without leaving gaps:

1. Use splice() for direct in-place removal
   If you know the index of the number you want to delete, splice() modifies the original array by removing the element and adjusting the array length automatically:

   // Replace targetIndex with the actual index of the number you're removing
   myArray.splice(targetIndex, 1);
   

2. Use filter() to create a new clean array
   If you don't know the index but know the value of the number to remove, filter() returns a new array that excludes the target value (perfect if you want to keep the original array intact):

   const numberToRemove = 5; // Replace with your target number
   myArray = myArray.filter(num => num !== numberToRemove);
   

   Note: This removes all instances of the target number. If you only want to delete the first match, combine findIndex() with splice():

   const numberToRemove = 5;
   const targetIndex = myArray.findIndex(num => num === numberToRemove);
   if (targetIndex !== -1) {
     myArray.splice(targetIndex, 1);
   }
   

Fixing the Random Selection Function #

Once your array is free of undefined values, update your random selection function to use the array's current valid length. This ensures you only pick from existing elements:

function getRandomNumber(arr) {
  // Handle empty array case to avoid errors
  if (arr.length === 0) return null;
  const randomIndex = Math.floor(Math.random() * arr.length);
  return arr[randomIndex];
}

Now when you call this function after removing an element, it'll only select from the remaining valid numbers—no more weird exceptions!

内容的提问来源于stack exchange，提问作者Akeem Zameer