首页 文章资讯内容详情

vuejs遍历 对象 数组 集合 字典

2026-06-01 4 花语

遍历对象

//forin循环 letobjs=[{ id:1, name:object1 },{ id:2, name:object2 },{ id:3, name:object3 }] for(varobjinobjs){ console.log(name) console.log(objs[obj][name]) console.log(obj) console.log(objs[obj]) console.log(对象数组中地址) console.log(obj) }

遍历数组

//forin循环 letarrys=[张三,李四,王五] for(vararryinarrys){ console.log(数组内容) console.log(arrys[arry]) console.log(数组下标) console.log(arry) }

遍历集合

//for循环 letobj={ id:1, name:object1 } letobj1={ id:2, name:object2 } letlists=[] lists.push(obj) lists.push(obj1) for(vari=0;i<=lists.length;i++){ console.log("内容"); console.log(lists[i]); console.log("集合对象属性"); console.log(lists[i][name]); console.log("集合下标"); console.log(i); }

遍历字典(Map)

//forin循环 letdics={ b:2,c:3,a:1 } for(varkeyindics){ console.log("key:"+key+"value:"+dics[key]) } console.log("字典元素按key值排序:"); varres=Object.keys(dics).sort(); for(varkeyinres){ console.log("key:"+res[key]+",value:"+dics[res[key]]); } console.log("字典元素按value值排序:"); varres2=Object.keys(dics).sort(function(a,b){returndics[a]-dics[b];}); for(varkeyinres2){ console.log("key:"+res2[key]+",value:"+dics[res2[key]]); } 原文链接: