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:"男"}

参考文章(侵删)


相关文章
|
4天前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
2天前
|
SQL 存储 数据库
|
1天前
|
JSON JavaScript 前端开发
如何检查 JavaScript 对象是否为空
【8月更文挑战第18天】
10 0
如何检查 JavaScript 对象是否为空
|
3天前
|
JavaScript 测试技术 索引
js数组方法汇总
js数组方法汇总
6 1
|
4天前
|
JavaScript 前端开发
JavaScript BOM 的概念(浏览器对象模型)
JavaScript BOM 的概念(浏览器对象模型)
12 1
|
4天前
|
JavaScript 前端开发
javascript中常见获取时间戳的方法
javascript中常见获取时间戳的方法
11 0
|
4天前
|
JavaScript 前端开发
js中this是指向的哪个全局变量,改变this指向的方法有什么?
js中this是指向的哪个全局变量,改变this指向的方法有什么?
6 0
|
4天前
|
前端开发 JavaScript
JavaScript 获取 HTML 元素方法
JavaScript 获取 HTML 元素方法
8 0
|
4天前
|
JavaScript 前端开发 安全
JavaScript实现跳转的方法
JavaScript实现跳转的方法
|
4天前
|
JavaScript 前端开发 索引
JavaScript数组相关的方法有哪些?
JavaScript数组相关的方法有哪些?