2024年Web前端最新vue2 列表一般不使用索引删除的原因，蚂蚁金服社招面试有几轮-CSDN博客

本文链接：https://blog.csdn.net/2401_84619565/article/details/138730315

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。

        id: 1,
        title: 'tag 2',
      },
      {
        id: 2,
        title: 'tag 3',
      },
      {
        id: 3,
        title: 'tag 4',
      },
    ],
  };
},
methods: {
  handleClose(index) {
    this.tag.splice(index, 1);
    console.log('this.tag::', this.tag.map((item) => item.id));
  },

  handleAdd() {
    this.tag.push({
      id: this.tag.length - 1,
      title: `tag ${this.tag.length - 1}`,
    });
    console.log('this.tag::', this.tag.map((item) => item.id));
  },
},

};


#### 


新增时的id 使用数组长度，会存在上面的问题，一般情况下，会这样处理：


#### 2. 状态同步问题


如果你的组件或应用的状态与列表项的索引紧密相关，那么直接通过索引删除项可能会导致状态同步问题。你可能需要手动更新所有与已删除项索引相关的状态，这既繁琐又容易出错。


**例子**：  
 你可能有一个变量存储了当前选中项的索引。如果你直接通过索引删除列表中的一项，而没有更新这个变量，那么当用户试图与选中项交互时，你的应用可能会崩溃或表现出不可预测的行为。


#### 3. 难以维护和理解


使用索引进行删除操作通常会使代码更难维护和理解，尤其是当列表项的数量和顺序经常变化时。索引通常是易变的，而基于索引的逻辑通常比基于唯一标识符的逻辑更难跟踪和调试。


**例子**：  
 考虑一个复杂的组件，它使用索引来跟踪和删除列表项。当其他开发者尝试理解或修改这个组件时，他们可能需要花费额外的时间来跟踪索引的变化，并确保所有的删除操作都是正确的。这增加了出错的可能性，并降低了代码的可读性和可维护性。



### js基础
1)对js的理解？
2)请说出以下代码输出的值？
3)把以下代码，改写成依次输出0-9
4)如何区分数组对象，普通对象，函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别？
8)Web Worker 和webSocket？
9)Javascript垃圾回收方法？
10)new操作符具体干了什么呢？
11)js延迟加载的方式有哪些？
12)WEB应用从服务器主动推送Data到客户端有那些方式？

![js基础.PNG](https://img-blog.csdnimg.cn/img_convert/7069619f9258a4f0a429bad590389a23.webp?x-oss-process=image/format,png)

![前16.PNG](https://img-blog.csdnimg.cn/img_convert/07b450386bae0ffe8bb7ddf8523d04c6.webp?x-oss-process=image/format,png)

>**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

.(img-SWibpALr-1715433481619)]

>**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**