for 循环时 key的作用

Posted 2023-03-23

参考技术A key是虚拟dom对象的标识，在更新的时候，key有着很重要的作用

当状态中的数据开始发生变化时，框架会根据新数据生成新的的虚拟dom，随后进行新的虚拟dom和旧的虚拟dom的比较，在新的虚拟dom和旧的虚拟dom中，

key值相同的情况下，如果虚拟dom中的数据没有发生变化，那么直接使用之前的真实dom，如果数据发生了变化，那么生成新的真实dom，替换掉之前的真实dom

如果找不到相同的key，那么根据数据创建新的真实dom，并且渲染到页面中

for/in 循环对象

作用：

遍历对象的属性

语法：

for (variable in object){}

实例：

var obj = {a:1, b:2, c:3};
for(key in obj){
  console.log(key)//a,b,c
  console.log(obj[key])//1,2,3
}