js中获取对象的属性名和值

本文展示了一个使用JavaScript遍历对象属性的简单示例,通过for-in循环获取对象的属性名及其对应的值。
dataObj = {
name : "gao",
age : 26
};
for(var d in dataObj) {
    var d; // 属性名name 
    var dataObj[d]; //属性值gao
}

 

在JavaScript中,有多种方法可以获取对象的属性,并修改对象的属性。 ### 获取文档元素节点对象 通过`document`的`getElementById`、`getElementsByClassName`、`getElementsByTagName`,可以获取到文档树中的任意元素节点对象,进而对其属性进行查看或者修改[^1]。示例代码如下: ```javascript // 通过id获取元素 const elementById = document.getElementById('myId'); // 通过classname获取元素集合 const elementsByClass = document.getElementsByClassName('myClass'); // 通过tagname获取元素集合 const elementsByTag = document.getElementsByTagName('div'); ``` ### 动态获取对象中的属性并修改属性 可以封装一个方法,通过参数传递对象属性名,动态获取对象中的属性并修改其属性。示例代码如下: ```javascript function updateOption(item, value, name) { const length = (value.split('<p>')).length - 1; if (length) { value = value.replace('<p>', ''); value = value.replace('</p>', ''); } const option = 'option' + name; item[option] = value; return item; } const item = {}; const result = updateOption(item, '<p>test</p>', 'A'); ``` ### 通过实例对象修改原型对象属性的 在JavaScript中,基本类型的数据有7种,其中`Symbol`是ES6引入的一种新的原始数据类型,表示独一无二的。在操作对象属性时,也可以通过实例对象修改原型对象属性的。示例代码如下: ```javascript function MyObject() {} MyObject.prototype.myProperty = 'initial value'; const myInstance = new MyObject(); myInstance.myProperty = 'new value'; ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值