获取对象key、value、长度、遍历

闲来无事垂钓

于 2022-09-10 15:54:58 发布

阅读量697

点赞数 1

分类专栏： javascript学习笔记

本文链接：https://blog.csdn.net/qq_39109182/article/details/126797010

版权

JavaScript object key value

javascript学习笔记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

最近做一个三级联动的需求，结果数据返回的全是对象，就记录下对象的操作

let objData={
	1:{
		id:1,
		name:'北京',
		region:{
			1:{
				id:1,
				name:"东城",
				businessAreas:{
					36795:{
						id:1,
						name:"东直门",
						parentname:"东城"
					},
					36797:{
						id:3,
						name:"东四十条",
						parentname:"东城"
					},
					36799:{
						id:5,
						name:"朝阳门内",
						parentname:"东城"
					}
					
				}
			},
			2:{
				id:1,
				name:"西城",
				businessAreas:{
					36808:{
						id:1,
						name:"新街口",
						parentname:"西城"
					},
					34808:{
						id:3,
						name:"新四",
						parentname:"西城"
					},
					36811:{
						id:5,
						name:"车公庄",
						parentname:"西城"
					}
					
				}
			}
		}
	},
	6:{
		id:1,
		name:'苏州',
		region:{
			1050:{
				id:1,
				name:"东城",
				businessAreas:{
					50000006:{
						id:1,
						name:"城南",
						parentname:"吴中"
					},
					50000014:{
						id:3,
						name:"光福",
						parentname:"吴中"
					},
					50000017:{
						id:5,
						name:"横泾",
						parentname:"吴中"
					}
					
				}
			},
			7:{
				id:99,
				name:"苏州",
				businessAreas:{
					36508:{
						id:1,
						name:"新街口",
						parentname:"西城"
					},
					34238:{
						id:3,
						name:"新四",
						parentname:"西城"
					},
					36711:{
						id:5,
						name:"车公庄",
						parentname:"西城"
					}
					
				}
			}
		}
	}
}
console.log('obj',objData)

获取对象长度

对象不像数组一样可以直接获取长度,可以通过它的key值获取长度

let dataLength=Object.keys(objData)
console.log(dataLength.length)

循环获取对象的key、与 value值

for(let i in objData){
	console.log('i',i)
	console.log('item',objData[i])
}
Object.keys(objData).map(key=> { 
	console.log('key',key)
	console.log('value',objData[key].name)

})