微客导航 » 文章资讯 » vuejs遍历对象数组集合字典

vuejs遍历对象数组集合字典

2024-05-22 11:45:06 405

遍历对象

//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]]);
}

原文链接：

返回顶部
3162201930
czq8825@qq.com

vuejs遍历 对象 数组 集合 字典

遍历对象

遍历数组

遍历集合

遍历字典(Map)

热门推荐

随机推荐

vuejs遍历对象数组集合字典