js 怎么用without创建排除某些值的新数组-js教程-PHP中文网

js 怎么用without创建排除某些值的新数组

小老鼠

发布： 2025-08-15 15:01:01

原创

524人浏览过

javascript中创建排除某些值的新数组应使用filter方法而非寻找without函数；2. 可自定义without函数利用filter和includes实现灵活排除；3. reduce方法也可用于排除，但代码较filter复杂；4. 对象数组可通过属性值使用filter进行排除；5. 当排除值较多时，应将排除列表转为set以has方法提升性能；6. 该技术适用于用户列表过滤或数据清洗等实际场景，核心是灵活运用filter完成筛选任务。

js 怎么用without创建排除某些值的新数组

JavaScript中，创建排除某些值的新数组，本质上就是筛选的过程。与其执着于寻找一个名为

without

登录后复制

的函数，不如直接利用

filter

登录后复制

方法，灵活且高效。

const originalArray = [1, 2, 3, 4, 5, 2, 3];
const valuesToExclude = [2, 3];

const newArray = originalArray.filter(item => !valuesToExclude.includes(item));

console.log(newArray); // 输出: [1, 4, 5]

登录后复制

filter

登录后复制

方法会遍历原始数组，对每个元素执行提供的函数。如果函数返回

true

登录后复制

，则该元素会被包含在新数组中；否则，会被排除。这里，我们使用

includes

登录后复制

方法检查当前元素是否在

valuesToExclude

登录后复制

数组中。如果在，

includes

登录后复制

true

登录后复制

，取反后

filter

登录后复制

的条件变为

false

登录后复制

，元素被排除。

为什么不直接用

without

登录后复制

？自己实现一个怎么样？

其实没有必要纠结于官方是否提供

without

登录后复制

方法。JavaScript的强大之处在于其灵活性，我们可以根据需求自定义函数。如果你非常想要一个

without

登录后复制

函数，可以这样实现：

function without(array, ...values) {
  return array.filter(item => !values.includes(item));
}

const originalArray = [1, 2, 3, 4, 5, 2, 3];
const newArray = without(originalArray, 2, 3);

console.log(newArray); // 输出: [1, 4, 5]

登录后复制

这里使用了剩余参数（

...values

登录后复制

），可以传入任意数量要排除的值。

除了

filter

登录后复制

，还有其他方法吗？

当然，条条大路通罗马。比如，可以使用

reduce

登录后复制

方法：

const originalArray = [1, 2, 3, 4, 5, 2, 3];
const valuesToExclude = [2, 3];

const newArray = originalArray.reduce((acc, item) => {
  if (!valuesToExclude.includes(item)) {
    acc.push(item);
  }
  return acc;
}, []);

console.log(newArray); // 输出: [1, 4, 5]

登录后复制

reduce

登录后复制

方法相对

filter

登录后复制

稍微复杂一些，需要提供一个初始值（这里是空数组

[]

登录后复制

）和一个累加器函数。累加器函数接收两个参数：累加器（

acc

登录后复制

）和当前元素（

item

登录后复制

）。如果当前元素不在要排除的值中，就将其添加到累加器中。

阿里云-虚拟数字人

阿里云-虚拟数字人是什么？ ...

查看详情

如何处理复杂对象数组的排除？

如果数组中的元素是对象，排除的逻辑需要根据对象的某个属性来判断。例如：

const originalArray = [
  { id: 1, name: 'A' },
  { id: 2, name: 'B' },
  { id: 3, name: 'C' },
  { id: 2, name: 'B' },
];

const idsToExclude = [2];

const newArray = originalArray.filter(item => !idsToExclude.includes(item.id));

console.log(newArray);
// 输出:
// [
//   { id: 1, name: 'A' },
//   { id: 3, name: 'C' }
// ]

登录后复制

这里，我们根据对象的

id

登录后复制

属性来判断是否需要排除。

性能考虑：

Set

登录后复制

的妙用

如果需要排除的值非常多，使用

includes

登录后复制

方法的性能可能会受到影响，因为

includes

登录后复制

方法会遍历整个

valuesToExclude

登录后复制

数组。此时，可以使用

Set

登录后复制

来优化性能。

Set

登录后复制

是一种数据结构，可以快速判断一个值是否存在。

const originalArray = Array.from({length: 10000}, (_, i) => i + 1); // 创建一个包含1到10000的数组
const valuesToExclude = Array.from({length: 5000}, (_, i) => i + 1); // 创建一个包含1到5000的数组

const excludeSet = new Set(valuesToExclude);

const newArray = originalArray.filter(item => !excludeSet.has(item));

console.log(newArray.length); // 输出: 5000

登录后复制

将