专栏首页前端进阶关于javascript的Object. hasOwnProperty,看我就够了

关于javascript的Object. hasOwnProperty,看我就够了

hasOwnProperty基本概念

hasOwnProperty() 方法会返回一个布尔值,指示对象自身属性中(非继承属性)是否具有指定的属性, 如果 object 具有带指定名称的属性,则 hasOwnProperty 方法返回 true,否则返回 false。此方法不会检查对象原型链中的属性;该属性必须是对象本身的一个成员。

使用语法

obj.hasOwnProperty(prop)

参数

obj,必需。对象的实例。 prop,必需。一个属性名称的字符串值。

demo

判断自身属性是否存在

//实例化一个对象
const obj = new Object();
//为obj添加属性name
obj.name = "陌上寒";
//为obj添加属性sex
obj.sex="male"

const a = obj.hasOwnProperty('name');
console.log(a);// true
//删除obj的name属性
delete obj.name
const b = obj.hasOwnProperty('name');
console.log(b); // false
const c = obj.hasOwnProperty('sex');
console.log(c); //  true

无法通过obj.hasOwnProperty(prop)判断继承属性

obj= new Object();
obj.name = '陌上寒';
const a = obj.hasOwnProperty('name');
console.log(a);//true
const b = obj.hasOwnProperty('toString');
console.log(b);//false
const c = obj.hasOwnProperty('hasOwnProperty');
console.log(c);//false

如果要判断继承属性,通过原型链prototype判断

const d = Object.prototype.hasOwnProperty('toString')
console.log(d);//true
const e = String.prototype.hasOwnProperty('split')
console.log(e);//true

遍历一个对象的所有自身属性

通过for...in循环对象的所有枚举属性,然后再使用hasOwnProperty()方法来忽略继承属性。 换一种写法

const obj ={
    name:"陌上寒",
    sex:"male"
}
for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
        console.log(`${key}: ${obj[key]}`)
    }
    else 
        console.log(key); 
    }
}

输出

JavaScript 并没有保护 hasOwnProperty 属性名,使用起来可能会有坑

const foo = {
    hasOwnProperty: function() {
        return false;
    },
    bar: '这是一个坑,可能永远返回false'
};
const hasBar = foo.hasOwnProperty('bar'); 
console.log(hasBar);// 始终返回 false

// 如果担心这种情况,可以直接使用原型链上真正的 hasOwnProperty 方法
const a = ({}).hasOwnProperty.call(foo, 'bar'); // true
console.log(a);
// 也可以使用 Object 原型上的 hasOwnProperty 属性
const b = Object.prototype.hasOwnProperty.call(foo, 'bar'); // true
console.log(b);

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue开发微信商城项目总结之三--根据不同的开发环境做配置

    项目是基于vue-cli搭建,项目分为开发环境,测试环境,预生产环境,生产环境,其中开发环境和测试环境调用同一个接口,开发环境调用服务器端的测试接口会跨域,以上...

    陌上寒
  • 谈一谈javascript异步

    我们知道JavaScript的单线程的,这与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程...

    陌上寒
  • javascript异步中的回调

    我们之前介绍了javascript异步的相关内容,我们知道javascript以同步,单线程的方式执行主线程代码,将异步内容放入事件队列中,当主线程内容执行完毕...

    陌上寒
  • 小程序中wx.login与获取用户信息调用的时机

    笔者最近在开发小程序,笔者直接嵌套的方式结合wx.login和getPhoneNumber,打算这样获取用户手机号:

    挥刀北上
  • 安装配置Rancher管理docker

    主机安装完docker后,无论是部署、发布、持续化集成等都不是特别方便,所以出现了大量第三方的docker管理工具,来界面化的管理docker。

    天涯泪小武
  • python下的Pandas中DataFrame基本操作(一),基本函数整理

    学到老
  • 自己动手做一个最小的docker镜像

    其实有人学了很久还是把docker当虚拟机来使用,但是docker其实和虚拟机是完全不一样的,如何理解这一区别呢,我觉得自己动手做一个docker的hello ...

    bboysoul
  • 大牛讲解用python制作一个抽奖的图形化界面!

    云飞
  • Python自动化测试-正则表达式解析

    对于正则表达式,第一眼时觉得完全没有规律可寻,而且全是一堆各种各样的特殊符号,完全不知所云。其实唯一难的就是组合起来之后,可读性比较差,而且不容易理解,其实能看...

    louiezhou001
  • Python自动化测试-正则表达式解析

    对于正则表达式,第一眼时觉得完全没有规律可寻,而且全是一堆各种各样的特殊符号,完全不知所云。其实唯一难的就是组合起来之后,可读性比较差,而且不容易理解,其实能看...

    ITester软件测试小栈

扫码关注云+社区

领取腾讯云代金券