JS 遍历对象总结 朴灿烈づ我的快乐病毒、 2022-09-14 14:24 139阅读 0赞 # for...in... 遍历对象 # 注意:for...in...循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). 实战: var obj ={'name': 'zzg', 'age': 10} for(var i in obj){ console.log(i, ":", obj[i]) } 效果截图: ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16][] # Objects.key()遍历对象 # 注意:返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性) 实战: var obj ={'name': 'zzg', 'age': 10} Object.keys(obj).forEach(function(key){ console.log(key,":", obj[key]) }); 效果截图: ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16 1][] # Object.getOwnPropertyNames 遍历对象 # 注意:返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性). 实战: var obj ={'name': 'zzg', 'age': 10} Object.getOwnPropertyNames(obj).forEach(function(key){ console.log(key,":", obj[key]) }); 效果截图: ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16 2][] # Reflect.ownKeys遍历对象 # 注意:返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举. 实战: var obj ={'name': 'zzg', 'age': 10} Reflect.ownKeys(obj).forEach(function(key){ console.log(key,":", obj[key]) }); 效果截图: ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16 3][] [watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/ee22b49bae6b4f7da6691496bfc13d6f.png [watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/53df6055ee21412396f302d7331fe90a.png [watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/f0f92518929e441c9b3d86b3bdbb1843.png [watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/f733e0178c04443f95ed08a9add797d7.png
还没有评论,来说两句吧...