码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • js数组按照id删除


    1.使用filter()方法实现JavaScript数组id删除

    (该方法写在methods里面)  

        DelSkill(row){

          console.log(row,"ww");

          this.personSkillTableData = this.personSkillTableData.filter(item => item.skillId !== row.skillId)

        },

    在上述代码中,我们使用了filter() 方法来对数组进行筛选,找出不等于我们要删除的的所有元素,从而实现了JSt数组id删除。需要注意的是,我们需要将结果重新赋值给原数组。

    使用map()方法实现JavaScript数组id删除

    1. let students = [
    2. {name: '张三', age: 18, id: 1001},
    3. {name: '李四', age: 19, id: 1002},
    4. {name: '王五', age: 20, id: 1003},
    5. {name: '赵六', age: 21, id: 1004}
    6. ];
    7. let deleteById = 1002;
    8. students = students.map(student => {
    9. if(student.id === deleteById) {
    10. return null;
    11. } else {
    12. return student;
    13. }
    14. }).filter(student => student !== null);

     在上述代码中,我们使用了map() 方法来遍历数组,利用JS的条件运算符进行判断,将要删除的信息置为null,然后使用filter() 方法将结果中的null元素过滤掉,从而实现JS数组id删除。

     使用reduce方法实现JavaScript数组id删除
    1. let students = [
    2. {name: '张三', age: 18, id: 1001},
    3. {name: '李四', age: 19, id: 1002},
    4. {name: '王五', age: 20, id: 1003},
    5. {name: '赵六', age: 21, id: 1004}
    6. ];
    7. let deleteById = 1002;
    8. students = students.reduce((acc, cur) => {
    9. if(cur.id !== deleteById) {
    10. return [...acc, cur];
    11. } else {
    12. return acc;
    13. }
    14. }, []);

     在上述代码中,我们使用了reduce()方法来将要删除的信息筛选出来后,使用JS的扩展语法将其与前面的元素合并,从而实现JS数组id删除。..

     

  • 相关阅读:
    京东数据挖掘:2023年8月京东厨卫大电行业数据分析
    计算机网络基础知识笔记
    顶顶通呼叫中心中间件-如何使处于机器人话术中的通话手动转接到坐席分机上讲解(mod_cti基于FreeSWITCH)
    Android13 按键kl文件优先级详解
    CentOS 系统如何在防火墙开启端口
    [Llama3] ReAct Prompt 测试实验
    计算机组成原理:最全的简单题集合
    【线段树 区间位运算模板】3117划分数组得到最小的值之和
    git解决冲突会带上另外一方不相关代码
    前端工程化学习笔记(ES6,vue,router,axios)
  • 原文地址:https://blog.csdn.net/zheshihuahua/article/details/133761613
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号