JavaScript 对象(Object)常用方法详解

简介: JavaScript 对象(Object)常用方法详解

1. Object.assign()

用于克隆

var first = {name : 'kong'};
var last = {age : 18};
var person = Object.assign(first, last);
console.log(person);//{name : 'kong', age : 18}

2. Object.is()

用于判断两个值是否相同

Object.is(a, b); //返回true或false
//注意,该函数与==运算符不同,不会强制转换任何类型,
//应该更加类似于===,但值得注意的是它会将+0和-0视作不同
Object.is(+0, -0)  // false
Object.is(NaN, NaN)  // true
Object.is(NaN, 0/0)  // true
+0 === -0 // true
NaN === NaN // false

3. Object.keys()

用于返回对象可枚举的属性和方法的名称

var a = {name : 'kong', age : 18, func : function(){}};
Object.keys(a); //['name', 'age', 'func']

4. isPrototypeOf()

确定一个对象是否存在于另一个对象的原型链中

function a(){}
var b = new a();
console.log(a.prototype.isPrototypeOf(b)); //true

5. Object.defineProperty()

劫持变量的set和get方法,将属性添加到对象,或修改现有属性的特性

var a = {};
Object.defineProperty(a, 'name', {
  value : 'kong',
  enumerable : true //该属性是否可枚举
})

6. Object.getOwnPropertyNames(obj)

返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组

var obj = { 0: "a", 1: "b", 2: "c"};
console.log(Object.getOwnPropertyNames(obj).sort()); // ["0", "1", "2"]

7. 判断对象中是否存在某个属性

  1. 使用 in 关键字
var person = {
  name:'小明',
  age:18
}
console.log('age' in person)  // true 自有属性存在
console.log('address' in person)  // false
console.log('toString' in person)   // true,是一个继承属性
  1. 使用对象的hasOwnProperty()方法(推荐)
var person = {
  name:'小明',
  age:18
}
console.log(person.hasOwnProperty('age')) // true
console.log(person.hasOwnProperty('address')) // false 
console.log(person.hasOwnProperty('toString'))  // false 这是一个继承属性,但不是自有属性
  1. 使用undefined判断
 // 自有属性和继承属性均可判断
 var person = {
  name:'小明',
  age:18
}
console.log(person.age !== undefined) // true
console.log(person.address !== undefined) // false
console.log(person.toString !== undefined)  // true

使用undefined判断,存在一个问题,如果属性的值就是undefined的话,该方法不能返回想要的结果,如下:

var person = {
  name:'小明',
  age:undefined
}
console.log(person.age !== undefined) // false 属性存在,但值是undefined
console.log(person.address !== undefined) // false
console.log(person.toString !== undefined)  // true

4.在条件语句中判断

var person = {}
if(person.age){
  person += 1
}
// 如果 age 是 undefine,null,false," ",0 或 NaN ,它将保持不变

8. 判断对象是否为空

  1. es6中使用Object.keys(obj)
var data = {};
var arr = Object.keys(data);
console.log(arr.length == 0); // true 为空, false 不为空
  1. 将json对象转化为json字符串,再判断该字符串是否为"{}"
var data = {};
var b = (JSON.stringify(data) == "{}");
console.log(b);   //true 为空, false 不为空

9.

var obj1 = {
    name:'',
    age:'',
    city:'武汉',
    sex:'',
}
var obj2 = {
    name:'',
    city:'南京',
    sex:'男'
}
Object.keys(obj2).forEach(key=>{
    obj1[key] = obj2[key]
})
console.log(obj1,obj2) // {age:'',city:'南京',name:"",sex:"男"} {city:'南京',name:"",sex:"男"}

参考文章(侵删)


相关文章
|
9月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
463 69
|
5月前
|
存储 消息中间件 人工智能
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
205 11
【05】AI辅助编程完整的安卓二次商业实战-消息页面媒体对象(Media Object)布局实战调整-按钮样式调整实践-优雅草伊凡
|
8月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境,包括查看当前版本和清除旧版本;接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm(Node Version Manager)进行多版本管理,便于切换和设置默认版本。同时,提供常见问题解决方法,如权限错误处理和全局模块迁移方案,以及版本回滚操作,确保用户能够灵活应对不同需求。
788 0
|
8月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式,无论你是初涉其中的新手还是找寻挑战的专家,总有一种方式能满足你的需求。现在,你已经是这个
920 80
|
7月前
|
JavaScript 前端开发 开发者
讲述Vue框架中用于对象响应式变化的Object.defineProperty函数。
综上所述,Vue.js通过 `Object.defineProperty()`提供了强大的响应式能力,使得状态管理变得简洁高效。这种能力是Vue.js受到广大开发者青睐的重要原因之一。尽管Vue 3.x使用Proxy替代了该方法,但对于Vue 2.x及其之前版本,`Object.defineProperty()`是理解Vue.js内部工作机制不可或缺的一部分。
253 27
|
10月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
323 23
|
10月前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
|
11月前
|
安全 IDE Java
重学Java基础篇—Java Object类常用方法深度解析
Java中,Object类作为所有类的超类,提供了多个核心方法以支持对象的基本行为。其中,`toString()`用于对象的字符串表示,重写时应包含关键信息;`equals()`与`hashCode()`需成对重写,确保对象等价判断的一致性;`getClass()`用于运行时类型识别;`clone()`实现对象复制,需区分浅拷贝与深拷贝;`wait()/notify()`支持线程协作。此外,`finalize()`已过时,建议使用更安全的资源管理方式。合理运用这些方法,并遵循最佳实践,可提升代码质量与健壮性。
352 1
|
11月前
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一