js 怎么删除数组里指定的数字的数

在JavaScript中，删除数组里指定的数字可以通过多种方法来实现，包括使用filter方法、splice方法和其他一些方法。常用方法包括：filter方法、splice方法、indexOf方法。 其中，filter方法是最常用且推荐的方法，因为它不会改变原数组，而是返回一个新的数组。 下面我们详细描述如何使用这些方法来删除数组中的指定数字。

一、使用filter方法

filter方法是JavaScript数组的一个内置方法，用于创建一个新数组，其中包含通过提供的函数实现的测试的所有元素。这种方法不会改变原数组。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
let newNumbers = numbers.filter(number => number !== numberToRemove);
console.log(newNumbers); // 输出: [1, 3, 4, 5]

详细描述： 使用filter方法非常简单。首先，我们定义一个数组和一个需要移除的数字。然后，我们调用数组的filter方法，并传递一个回调函数给它。在这个回调函数中，我们检查每个元素是否不等于需要移除的数字。如果条件为真，则该元素会被包含在新的数组中。最终，filter方法返回一个新的数组，其中不包含需要移除的数字。

二、使用splice方法

splice方法用于通过删除或替换现有元素或添加新元素来修改数组的内容。这种方法会改变原数组。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
for (let i = numbers.length - 1; i >= 0; i--) {
  if (numbers[i] === numberToRemove) {
    numbers.splice(i, 1);
  }
}
console.log(numbers); // 输出: [1, 3, 4, 5]

详细描述： 使用splice方法时，我们通常会从数组的末尾开始迭代，这样可以避免由于元素位置的变化导致的索引错误。我们检查每个元素是否等于需要移除的数字，如果是，则调用splice方法删除该元素。

三、使用indexOf和splice方法结合

indexOf方法返回数组中第一个与指定值匹配的元素的索引，如果没有找到，则返回-1。我们可以使用这个方法找到需要删除的数字的位置，然后使用splice方法删除它。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
let index;
while ((index = numbers.indexOf(numberToRemove)) !== -1) {
  numbers.splice(index, 1);
}
console.log(numbers); // 输出: [1, 3, 4, 5]

详细描述： 这种方法通过一个while循环不断查找需要移除的数字的位置，并使用splice方法删除它。循环会一直运行，直到数组中不再包含需要移除的数字。

四、使用reduce方法

reduce方法对数组中的每个元素执行一个由您提供的reducer函数（升序执行），将其结果汇总为单个返回值。这种方法也不会改变原数组。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
let newNumbers = numbers.reduce((acc, num) => {
  if (num !== numberToRemove) {
    acc.push(num);
  }
  return acc;
}, []);
console.log(newNumbers); // 输出: [1, 3, 4, 5]

详细描述： 使用reduce方法时，我们传递一个回调函数给它，该函数接收累加器和当前元素作为参数。如果当前元素不等于需要移除的数字，我们将其添加到累加器中。最终，reduce方法返回累加器，即一个不包含需要移除的数字的新数组。

五、使用forEach方法

forEach方法对数组的每个元素执行一次提供的函数。这种方法可以用来遍历数组并构建一个新的数组，不包含需要移除的数字。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
let newNumbers = [];
numbers.forEach(num => {
  if (num !== numberToRemove) {
    newNumbers.push(num);
  }
});
console.log(newNumbers); // 输出: [1, 3, 4, 5]

详细描述： 使用forEach方法时，我们遍历数组的每个元素，并检查它是否不等于需要移除的数字。如果条件为真，我们将其添加到新的数组中。最终，我们得到一个不包含需要移除的数字的新数组。

六、使用Set数据结构

Set是一种数据结构，它允许我们存储唯一的值。我们可以使用Set来创建一个不包含需要移除的数字的新数组。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
let newNumbers = Array.from(new Set(numbers.filter(num => num !== numberToRemove)));
console.log(newNumbers); // 输出: [1, 3, 4, 5]

详细描述： 首先，我们使用filter方法创建一个不包含需要移除的数字的数组。然后，我们将这个数组转换为Set，以确保所有元素都是唯一的。最终，我们使用Array.from方法将Set转换回数组。

七、使用递归方法

递归是一种编程技术，其中函数调用自身。我们可以使用递归来删除数组中的指定数字。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
function removeNumber(arr, numToRemove) {
  let index = arr.indexOf(numToRemove);
  if (index !== -1) {
    arr.splice(index, 1);
    return removeNumber(arr, numToRemove);
  }
  return arr;
}
let newNumbers = removeNumber(numbers, numberToRemove);
console.log(newNumbers); // 输出: [1, 3, 4, 5]

详细描述： 使用递归方法时，我们定义一个函数，该函数查找需要移除的数字的位置，并使用splice方法删除它。如果找到数字，该函数会调用自身，直到数组中不再包含需要移除的数字。最终，函数返回一个不包含需要移除的数字的数组。

八、使用Map对象

Map对象是键值对的集合，可以记住键值对的原始插入顺序。我们可以使用Map来删除数组中的指定数字。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
let map = new Map();
numbers.forEach(num => {
  if (num !== numberToRemove) {
    map.set(num, true);
  }
});
let newNumbers = Array.from(map.keys());
console.log(newNumbers); // 输出: [1, 3, 4, 5]

详细描述： 首先，我们创建一个Map对象。然后，我们使用forEach方法遍历数组的每个元素，并检查它是否不等于需要移除的数字。如果条件为真，我们将其添加到Map中。最终，我们使用Array.from方法将Map的键转换为数组。

九、使用过滤函数

我们可以定义一个过滤函数，并将其传递给filter方法，以删除数组中的指定数字。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
function filterNumber(num) {
  return num !== numberToRemove;
}
let newNumbers = numbers.filter(filterNumber);
console.log(newNumbers); // 输出: [1, 3, 4, 5]

详细描述： 我们定义一个过滤函数，该函数接收一个数字作为参数，并检查它是否不等于需要移除的数字。然后，我们将这个过滤函数传递给filter方法，以创建一个不包含需要移除的数字的新数组。

十、使用组合方法

我们可以组合使用多种方法来删除数组中的指定数字。例如，我们可以先使用filter方法，然后使用Set确保唯一性。

let numbers = [1, 2, 3, 4, 2, 5];
let numberToRemove = 2;
let filteredNumbers = numbers.filter(num => num !== numberToRemove);
let uniqueNumbers = Array.from(new Set(filteredNumbers));
console.log(uniqueNumbers); // 输出: [1, 3, 4, 5]

结论

通过上述多种方法，我们可以在JavaScript中轻松删除数组中的指定数字。每种方法都有其优点和缺点，可以根据具体情况选择合适的方法。例如，filter方法简单且不会改变原数组，而splice方法则适用于需要直接修改原数组的情况。希望这些方法能帮助你在实际开发中高效地处理数组操作。