JS for in 循环中的key ,value 详解。

Posted 2023-05-05

一、php根据数据的值获取密钥：有两个函数可用。

二、定义一个数组，其中值具有重复部分。

三、使用array_keys（）获取密钥名。

四、保存文件并在浏览器中查看array_keys（）的输出。

五、使用array search（）获取密钥名。

六、保存文件并在浏览器中查看array search（）的输出结果。

参考技术A

1、PHP根据数据的value获取key:有两个可用函数。

2、定义一个数组，其中value有重复部分。

3、使用array_keys()获取键名。

4、保存文件，在浏览器查看array_keys()输出。

5、使用array_search()获取键名。

6、保存文件，在浏览器查看array_search()输出结果。

参考技术B for(var obj in objs)

定义一个obj属于objs的子元素。
key value则是表示键值对的结构如name:"张三",此处，name就是key,"张三"就是value.
综上，for in 和key value 一起中就是遍历一个集合中的key 和value值 参考技术C 索引数组: 下标为数字的数组
什么是关联数组: 可自定义下标名称的数组
为什么: 索引数组中的数字下标没有明确的意义
何时: 只要希望每个元素都有专门的名称时
如何: 2步:
1. 创建空数组
2. 向空数组中添加新元素，并自定义下标名称

索引数组 vs 关联数组:
1. 已字符串输出 不能用字符串输出
2. 下标是数字 下标是自定义的字符串
3. length属性有效 length属性失效(=0)
4. 访问元素,都用数组名["下标"]
5. 可用for循环遍历 不能用for循环遍历——for in

遍历关联数组: for in循环
for(var key in hash)
key//只是元素的下标名
hash[key]//当前元素值，题中的VALUE

***其实: js底层，一切对象都是关联数组:
比如: 索引数组，window等

javascript总for of和for in的区别？

1. 推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。

2. for...in循环出的是key，for...of循环出的是value

3. 注意，for...of是ES6新引入的特性。修复了ES5引入的for...in的不足

4. for...of不能循环普通的对象，需要通过和Object.keys()搭配使用

假设我们要遍历一个数组的valuelet aArray = [‘a‘,123,{a:‘1‘,b:‘2‘}]

使用for...in循环：

for(let index in aArray){
    console.log(`${aArray[index]}`);
}

使用for...of循环：

for(var value of aArray){
    console.log(value);
}

咋一看好像好像只是写法不一样而已，那为什么说for...of修复了for...in的缺陷和不足。
假设我们往数组添加一个属性name:
aArray.name = ‘demo‘,再分别查看上面写的两个循环：

for(let index in aArray){
    console.log(`${aArray[index]}`); //Notice!!aArray.name也被循环出来了
}
for(var value of aArray){
    console.log(value);
}

所以说，作用于数组的for-in循环除了遍历数组元素以外,还会遍历自定义属性。

for...of循环不会循环对象的key，只会循环出数组的value，因此for...of不能循环遍历普通对象,对普通对象的属性遍历推荐使用for...in

如果实在想用for...of来遍历普通对象的属性的话，可以通过和Object.keys()搭配使用，先获取对象的所有key的数组
然后遍历：

var student={
    name:‘wujunchuan‘,
    age:22,
    locate:{
    country:‘china‘,
    city:‘xiamen‘,
    school:‘XMUT‘
    }
}
for(var key of Object.keys(student)){
    //使用Object.keys()方法获取对象key的数组
    console.log(key+": "+student[key]);
}