博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js对象常见操作(添加、删除、判断属性)
阅读量:5208 次
发布时间:2019-06-14

本文共 908 字,大约阅读时间需要 3 分钟。

建一个空对象user:

var user=new Object();

1.添加属性

1.1.一般添加属性(属性名已知)

这时user 对象没有任何属性和方法,显然没有任何用途。但可以为它动态的添加属性和方法,例如:
user.name=”jack”;
user.age=21;
user.sex=”male”;

user["height"] = 158;  //采用方括号([])语法

user.alert=function(){  //添加方法

alert(“my name is:”+this.name);
}

1.2.动态添加属性(属性名未知)

var p = "name";

user[p] = "jack" ;    //相当于user.name = "jack"

 

2.修改属性

修改一个属性的过程就是用新的属性替换旧的属性,例如:
user.height = 160;

 

3 . 删除属性

 delete user.name;//删除属性

console.log(user.name);//undefined

 

4.判断对象是否含有某个属性

4.1方法一:in方法

alert(
'name' 
in user
); 
// --> true
alert(
'weight' 
in user
); 
// --> false
alert(
'toString' 
in user
); 
// --> true

NT:可看到无论是name,还是原形链上的toString,都能检测到返回true。

4.2方法一:hasOwnProperty 方法

user.hasOwnProperty(
'name'
); 
// --> true
user.hasOwnProperty(
'toString'
); 
// --> false

NT:原型链上继承过来的属性无法通过hasOwnProperty检测到,返回false。需注意的是,虽然in能检测到原型链的属性,但for in通常却不行。

 for in的更多知识详见 。

 

转载于:https://www.cnblogs.com/mingli-jian/p/8676362.html

你可能感兴趣的文章
Hadoop之MapReduce WordCount运行
查看>>
在SharePoint页面中如何显示来自其他网站的List
查看>>
10个超赞的HTML5框架加快Web开发
查看>>
第四天学习总结
查看>>
网上图书商城项目学习笔记-021取消订单\确认收货
查看>>
java对象和构造方法的区别
查看>>
3 《锋利的jQuery》jQuery中的DOM操作
查看>>
转【Oracle 热备份 】
查看>>
在vue2中隐藏elementUI的tab栏
查看>>
jQuery.fn.extend与jQuery.extend到底区别在哪?
查看>>
ui-router实现返回上一页功能
查看>>
linux常用命令
查看>>
读书笔记
查看>>
Best Meeting Point 解答
查看>>
4-QT的程序打包发布(将QT5的工程项目打包成一个exe程序)
查看>>
最常用的20条命令
查看>>
创建Oracle synonym 详解
查看>>
【SQL】181. Employees Earning More Than Their Managers
查看>>
uva 1335 Beijing Guards
查看>>
php7 新特性整理
查看>>