遍历对象用属性选择器实现选出对应的数据在表单中展示

重点:对象遍历和属性选择器

对象遍历(for…in)

for…in 语句用于对数组或者对象的属性进行循环操作,是for循环的一种。
语法:
for (变量 in 对象/数组) {
在此执行代码
}

属性选择器 [属性名]

[属性名] 获得有指定属性名的标签对象
[属性名=值] 获得指定属性名等于指定值的标签对象
[属性名*=值] 获得有指定属性名含有指定值的标签对象

for (let k in res.data) {
	console.log(k, res.data[k])
	//变量k在{}对象中为属性名,res.data[k]为属性值
	
	//找到对应键的元素   属性选择器[name=${k}]
	// document.querySelector(`[name=${k}]`)
	document.querySelector(`[name=${k}]`).value = res.data[k]
 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值