Javascript 删除数组中指定元素(5种方法)

warning: 这篇文章距离上次修改已过180天,其中的内容可能已经有所变动。



// 方法1: 使用 filter 函数
function removeElement1(arr, elem) {
  return arr.filter(e => e !== elem);
}
 
// 方法2: 使用 for 循环和 splice 方法
function removeElement2(arr, elem) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === elem) {
      arr.splice(i, 1);
      i--; // 因为已经删除了一个元素,所以索引要回退一个位置
    }
  }
  return arr;
}
 
// 方法3: 使用 while 循环和 pop 方法
function removeElement3(arr, elem) {
  let i = arr.length - 1;
  while (i >= 0) {
    if (arr[i] === elem) {
      arr.pop();
    }
    i--;
  }
  return arr;
}
 
// 方法4: 使用 reduce 函数
function removeElement4(arr, elem) {
  return arr.reduce((acc, e) => {
    if (e !== elem) acc.push(e);
    return acc;
  }, []);
}
 
// 方法5: 使用 ES6 的 Set 结构
function removeElement5(arr, elem) {
  return [...new Set(arr.filter(e => e !== elem))];
}
 
// 示例使用
const myArray = [1, 2, 3, 4, 5];
const elementToRemove = 3;
 
console.log(removeElement1(myArray, elementToRemove)); // [1, 2, 4, 5]
console.log(removeElement2(myArray, elementToRemove)); // [1, 2, 4, 5]
console.log(removeElement3(myArray, elementToRemove)); // [1, 2, 4]
console.log(removeElement4(myArray, elementToRemove)); // [1, 2, 4, 5]
console.log(removeElement5(myArray, elementToRemove)); // [1, 2, 4, 5]

每种方法都有其优点和适用场景。例如,filter 方法适合创建新数组,而 splice 和循环则在原地修改数组。选择哪种方法取决于你的具体需求。

评论已关闭

推荐阅读

DDPG 模型解析,附Pytorch完整代码
2024年11月24日
DQN 模型解析,附Pytorch完整代码
2024年11月24日
AIGC实战——Transformer模型
2024年12月01日
Socket TCP 和 UDP 编程基础(Python)
2024年11月30日
python , tcp , udp
如何使用 ChatGPT 进行学术润色?你需要这些指令
2024年12月01日
AI
最新 Python 调用 OpenAi 详细教程实现问答、图像合成、图像理解、语音合成、语音识别(详细教程)
2024年11月24日
ChatGPT 和 DALL·E 2 配合生成故事绘本
2024年12月01日
omegaconf,一个超强的 Python 库!
2024年11月24日
【视觉AIGC识别】误差特征、人脸伪造检测、其他类型假图检测
2024年12月01日
[超级详细]如何在深度学习训练模型过程中使用 GPU 加速
2024年11月29日
Python 物理引擎pymunk最完整教程
2024年11月27日
MediaPipe 人体姿态与手指关键点检测教程
2024年11月27日
深入了解 Taipy:Python 打造 Web 应用的全面教程
2024年11月26日
基于Transformer的时间序列预测模型
2024年11月25日
Python在金融大数据分析中的AI应用(股价分析、量化交易)实战
2024年11月25日
AIGC Gradio系列学习教程之Components
2024年12月01日
Python3 `asyncio` — 异步 I/O,事件循环和并发工具
2024年11月30日
llama-factory SFT系列教程:大模型在自定义数据集 LoRA 训练与部署
2024年12月01日
Python 多线程和多进程用法
2024年11月24日
Python socket详解,全网最全教程
2024年11月27日