Object.keys与Object.hasOwnProperty的使用

更新日期: 2021-09-09阅读: 1.6k标签: Object

1. Object.hasOwnProperty()的使用

  • hasOwnProperty()方法会返回一个布尔值,指示对象自身属性 (忽略原型链) 中是否具有指定的属性
  • 语法: obj.hasOwnProperty(prop)
  • 参数prop: 要检测的属性的 String 字符串形式表示的名称,或者 Symbol
  • 返回值: 用来判断某个对象是否含有指定的属性的布尔值 Boolean

**注意**:即使属性的值是 null 或 undefined,只要属性存在,hasOwnProperty 依旧会返回 true。

let o = new Object();
o.propOne = null;
o.hasOwnProperty('propOne'); // 返回 true
o.propTwo = undefined;
o.hasOwnProperty('propTwo'); // 返回 true

示例
使用 hasOwnProperty 方法判断属性是否存在

// 判断 o 对象中是否存在 prop 属性
o = new Object();
o.hasOwnProperty('prop'); // 返回 false
o.prop = 'exists';
o.hasOwnProperty('prop'); // 返回 true
delete o.prop;
o.hasOwnProperty('prop'); // 返回 false

hasOwnProperty方法对待自身属性和继承属性的区别:

	o = new Object();
	o.prop = 'exists';
	o.hasOwnProperty('prop');             // 返回 true
	o.hasOwnProperty('toString');         // 返回 false
	o.hasOwnProperty('hasOwnProperty');   // 返回 false

/*
给一个数组numberArr
编写代码: 计算numberArr中相同数字的次数, 并把相容数组去掉 (使得剩下的数字都唯一)
然后按照次数的大小打印出剩下的所有数字以及数字的相同次数 (一次打印一个数字和其次数)
例如: 12345679  10 (数字 数字相同次数)
*/

let numberArr = [
		1,1,1,
		2,2,2,2,2,2,2,2,2,2,
		10,10,10,10,10,10,
		1,1,1,1,1,1,1,1,
		5,5,5,5,5,5,5,
		0,0,0,0,0,0,0,0,
		6,6,6,6,6,6,6,6,6,
		0,0,
		8,8,8,8,8,8,8,8,8,8,
		4,4,4,4,4,4,4,4,
		3,3,3,3,3,3
];

let newObj = {}

// forEach 遍历数组中每一位数值
numberArr.forEach(item=>{
	// 使用 hasOwnProperty 判断 newObj 对象中是否有 item 这个属性
	if(newObj.hasOwnProperty(item)){
		// 如果有, 让 item 属性的 value 自增一
		newObj[item]++
        // console.log(newObj[item])
	}else{
		// 如果没有, 让 item属性的 value = 1, 下次循环时就会走 true 部分, 将item对应的属性自增一
		newObj[item] = 1
	}
})
console.log(newObj)

2.Object.keys()的使用

  • Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致
  • 语法: Object.keys(obj)
  • 参数obj: 要枚举的对象
  • 返回值: 一个表示给定对象的所有可枚举属性的字符串数组。
// 简单的数组
var arr = ['a', 'b', 'c'];
console.log(Object.keys(arr)); // console: ['0', '1', '2']

// 类似数组的对象
var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']

// 类似数组的对象, 但key是随机的
var anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj)); // console: ['2', '7', '100']

// getFoo 为非枚举的属性
var myObj = Object.create({}, {
  getFoo: {
    value: function () { return this.foo; }
  }
});
myObj.foo = 1;
console.log(Object.keys(myObj)); // console: ['foo']

/*
	给出两个对象 a,b
	编写代码: 比较两个对象中的主键, 若b中的主键与a中的主键相同, 则把a中的相同主键删除
*/

let a = {
	"0x91232312":"a",
	"0x98232312":"b",
	"0x912323212":"c",
	"0x915232312":"d",
	"0x912262312":"e"
}

let  b= {
	"0x1":"xxxx",
	"0x912323212":"xxsaasdfxx",
	"0x2":"xxxx",
	"0x3":"xxxx",
	"0x912262312":"xzcv"
}

Object.keys(b).forEach(item=>{
	if(a.hasOwnProperty(item)){
		delete a[item]
	}
})
console.log(a)

链接: https://fly63.com/article/detial/10660

Js中Object对象的理解,Object常用的属性和方法有哪些?

在JavaScript中的所有对象都是继承Object对象而来的, 我们可以理解为Object是所有js对象通用的功能,讲解Object的prototype属性、Object.prototype属性和方法?Object.prototype.constructor属性等

Object.create()的使用总汇:创建对象,参数说明,兼容性的实现

JavaScript中Object.create()的含义和语法,使用它创建null原型的对象 ,创建一个普通的空对象,Object.create()第二个参数说明。

Javascript中的object相等

相等是JavaScript中起初最让人困惑的部分。==和===的比较、强制类型的顺序等等,都使得这个问题变得复杂。今天,我们会聚焦另一个方面:object相等是如何实现的。

js 中 Object.defineProperty 的用法

还能通过 Object.defineProperty() 方法,添加或修改对象的属性。更重要的是,除了目标对象 obj,属性名称 prop 外,方法能传入属性描述符 descriptor,以实现更复杂的性质。属性描述符是一个对象,有两种形式:一种是数据描述符,另一种是存取描述符。

理解js中Object的defineProperty()和defineProperties()

Object的defineProperty和defineProperties这两个方法在js中的重要性十分重要,主要功能就是用来定义或修改这些内部属性,与之相对应的getOwnPropertyDescriptor和getOwnPropertyDescriptors就是获取这行内部属性的描述。

js中的Object.defineProperty()和defineProperties()

Object.defineProperty()该方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象,Object.defineProperties()该方法直接在一个对象上定义新的属性或修改现有属性,并返回该对象

Object.keys方法

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。

Js中Object.freeze()方法

Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。

Js Object.freeze和Object.seal

本文实例讲述了JS Object.preventExtensions(),Object.seal()与Object.freeze()用法。分享给大家供大家参考,Object.preventExtensions 只能阻止一个对象不能再添加新的自身属性,仍然可以为该对象的原型添加属性。

Object.assign实现浅拷贝的原理

什么是浅拷贝?浅拷贝就是创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。浅拷贝Object.assign()是什么?主要将所有可枚举属性的值从一个或者多个数据源对象复制到目标对象,同时返回目标对象。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!