1、Object.assign 函数(对象)(JavaScript)

将来自一个或多个源对象中的值复制到一个目标对象。语法: Object.assign(target, ...sources );

此函数返回目标对象。仅可枚举自有属性从源对象复制到目标对象。可使用此函数合并或克隆对象。null 或 undefined 源被视为空对象一样对待,不会对目标对象产生任何影响。

let obj1 = {
name: 'xiaoming'
}
let obj2 = {
age: '23'
}
let obj3 = Object.assign(obj1,obj2)
let obj4 = Object.assign({},obj1)//克隆了obj1对象
console.log(obj3)//{name: "xiaoming", age: "23"}
console.log(obj4)//{name: "xiaoming", age: "23"}
console.log(obj1)//{name: "xiaoming", age: "23"}。obj1发生改变是因为obj2赋给了obj1
console.log(obj2)//{age: "23"}

方法实行的是浅拷贝,而不是深拷贝。也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用。同名属性会替换。

let obj5 = {
  number: 6,
  name: 'zengfp',
  fn: {
    sum: 10
  }
}
let obj6 = Object.assign(obj1,obj5)
console.log(obj6)//{name: "zengfp", age: "23", number: 6, fn: {…}}
console.log(obj1)//{name: "zengfp", age: "23", number: 6, fn: {…}}
对同名属性name进行了替换

2、Object.create 函数 (JavaScript)。创建一个具有指定原型且可选择性地包含指定属性的对象。语法: Object.create(prototype, descriptors)

若要停止原型链,可以使用采用了 null prototype 参数的函数。  所创建的对象将没有原型。

let newObj = Object.create(null, {
size: {
value: "large",
enumerable: true
},
shape: {
value: "round",
enumerable: true
}
});
console.log(newObj)//{size: "large", shape: "round"}
console.log(Object.getPrototypeOf(newObj))//null

创建一个具有与 person 对象相同的内部原型的对象

      let person = {
name: 'zengfp',
age: 25
}
let obj = Object.create(person,{
z: {
value: 8
}
})
console.log(obj)//{z:8}
console.log(Object.getPrototypeOf(obj))//{name: "zengfp", age: 25}

3、Object.defineProperties 函数 (JavaScript)。将一个或多个属性添加到对象,并/或修改现有属性的特性。语法: object.defineProperties(object, descriptors)

let obj = {}
Object.defineProperties(obj,{
newDataProperty: {
value: 101,
writable: true,
enumerable: true,
configurable: true
},
newAccessorProperty: {
set: function (x) {
this.newaccpropvalue = x;
},
get: function () {
return this.newaccpropvalue;
},
enumerable: true,
configurable: true
}
})
console.log(obj.newDataProperty)//101
obj.newAccessorProperty = 20
console.log(obj.newAccessorProperty)//20

4、Object.defineProperty 函数 (JavaScript)。将属性添加到对象,或修改现有属性的特性。语法: Object.defineProperty(object, propertyname, descriptor)

可使用 Object.defineProperty 函数来执行以下操作:

  • 向对象添加新属性。  当对象不具有指定的属性名称时,发生此操作。

  • 修改现有属性的特性。  当对象已具有指定的属性名称时,发成此操作。

描述符对象中会提供属性定义,用于描述数据属性或访问器属性的特性。  描述符对象是 Object.defineProperty 函数的参数

     let obj = {}
Object.defineProperty(obj,'newDataProperty',{
value: 101,
writable: true,
enumerable: true,
configurable: true
})
obj.newDataProperty = 88
console.log(obj.newDataProperty)//
 5、Object.is 函数 (JavaScript)。返回一个值,该值指示两个值是否相同。语法: Object.is(value1, value2) 

与 = = 运算符不同,Object.is 在测试值时不会强制任何类型。Object.is 应用的比较类似于 === 运算符所应用的比较,区别在于 Object.is 将 Number.isNaN 视作与 NaN 相同的值。它还将 + 0 和-0 视作不同值。

      let obj = {
x: 5,
y: 6
}
let obj1 = {
x: 5,
y: 8
}
      let obj2 = {
        x:'5',
        y: 8
      }
console.log(Object.is(obj.x,obj1.x))//true
     console.log(Object.is(obj2.x,obj1.x))//false

6、Object.keys 函数 (JavaScript)。返回对象的可枚举属性和方法的名称。语法: Object.keys(object) 。返回一个数组,其中包含对象的可枚举属性和方法的名称。

      let obj = {
x: 5,
y: 6,
name: 'zengf'
}
let keys = Object.keys(obj)
console.log(keys)// ["x", "y", "name"]

7、Object.entries()。该方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for .... in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环也枚举原型链中的属性)

const obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ] // array like object
const obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.entries(obj)); // [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ] // array like object with random key ordering
const anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.entries(anObj)); // [ ['2', 'b'], ['7', 'c'], ['100', 'a'] ] // getFoo is property which isn't enumerable
const myObj = Object.create({}, { getFoo: { value() { return this.foo; } } });
myObj.foo = 'bar';
console.log(Object.entries(myObj)); // [ ['foo', 'bar'] ] // non-object argument will be coerced to an object
console.log(Object.entries('foo')); // [ ['0', 'f'], ['1', 'o'], ['2', 'o'] ] // iterate through key-value gracefully
const obj = { a: 5, b: 7, c: 9 };
for (const [key, value] of Object.entries(obj)) {
console.log(`${key} ${value}`); // "a 5", "b 7", "c 9"
} // Or, using array extras
Object.entries(obj).forEach(([key, value]) => {
console.log(`${key} ${value}`); // "a 5", "b 7", "c 9"
});

参考网址:https://msdn.microsoft.com/zh-cn/library/k6xhc6yc(v=vs.94).aspx

Javascript中Object常用方法学习的更多相关文章

  1. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

  2. JavaScript中Object的总结

    基于原型继承,动态对象扩展,闭包,JavaScript已经成为当今世界上最灵活和富有表现力的编程语言之一. 这里有一个很重要的概念需要特别指出:在JavaScript中,包括所有的函数,数组,键值对和 ...

  3. JavaScript中Object.prototype.toString方法的原理

    在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法. ? 1 2 var arr = []; console.lo ...

  4. JavaScript中Math常用方法

    title: JavaScript中Math常用方法 toc: false date: 2018-10-13 12:19:31 Math.E --2.718281828459045,算数常量e Mat ...

  5. JavaScript中object和Object有什么区别

    JavaScript中object和Object有什么区别,为什么用typeof检测对象,返回object,而用instanceof 必须要接Object呢 ————————————————————— ...

  6. JavaScript中的EcMAScript学习笔记

    一.Javascript概述(知道)    a.一种基于对象和事件驱动的脚本语言    b.作用: 给页面添加动态效果    c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAs ...

  7. JavaScript中数组常用方法的总结

    JavaScript中数组Array常用的方法总结 标签(空格分隔): JavaScript ECMAScript数组给我们提供了许多常用的方法,便于我们对数组进行操作,下面,就来总结一下这些方法. ...

  8. javascript中的正则表达式学习

    一.前言 关于正则表达式自身的语法这里不做过多介绍(详情可参见http://www.php100.com/manual/unze.html),这里仅仅解释javascript中和正则表达式相关的几个方 ...

  9. JavaScript中 Promise的学习以及使用

    今天一个哥们发过来一段js代码,没看懂,就顺便学习了一下,代码如下  Promise.resolve('zhangkai').then(value => {console.log(value)} ...

随机推荐

  1. GDKOI2018发烧记

    偏远小渔村NOIP螺旋升天选手又一次来到了广州参加GDKOI...金实的初三爷们也来啦?要被碾啦T T Day 0 跟HR Lao爷拼(biao)车到了高铁站,上了高铁居然没有颓颓颓吃吃吃(雾),安心 ...

  2. VUE.JS 窗口发生变化时,获取当前窗口的高度。

    VUE.JS # 窗口发生变化时,获取当前窗口的高度. mounted () { const that = this; window.onresize = () => { return (() ...

  3. Kafka 0.8 宕机问题排查步骤

    CPU 利用率高的排查方法 看看该机器的连接数是不是比其他机器多,监听的端口数:netstat -anlp | wc -l Kafka-0.8的停止和启动 启动: cd /usr/local/kafk ...

  4. SQL记录-PLSQL异常

    PL/SQL异常   程序执行过程中出现错误情况被称为在PL/SQL异常. PL/SQL支持程序员在程序中使用异常块捕获这样的条件并采取适当的动作应对错误情况.有两种类型的异常: 系统定义的异常 用户 ...

  5. 2018年11月25日ICPC焦作站参赛总结

    可能就这么退役了吧. 对这次ICPC还是比较有信心的,毕竟心态都放平和了. 路途很波折,热身赛还是赶上了. 等到了正赛的时候,开场看出了A题的签到,签到肯定是我来签的,11分钟签完了这道题之后,开始看 ...

  6. HDU 3094 树上删边 NIM变形

    基本的树上删边游戏 写过很多遍了 /** @Date : 2017-10-13 18:19:37 * @FileName: HDU 3094 树上删边 NIM变形.cpp * @Platform: W ...

  7. tweenMax学习笔记

    tweenMax是一款缓动插件,能实现很多牛逼的效果,在网上看了些demo,确实很吊,虽说很多用CSS3也能做出来,但是技多不压身,学之. 网上的demo还是很多的,但是资料不多,唯一能够让我有思绪的 ...

  8. Flex 经验笔记二

    向 Module 传递数据:好像只能传递些像 整型,字符型等简单类型的数据,也能传递像 json 这样的 Object 对象,但如果 Object 对象是从层的,其子级数据,好像也读取不到. func ...

  9. java代码实现图片处理功能。对图片质量进行压缩。

    java图片处理有点头疼,找了很多资料.在这里进行一个汇总,记录下个人的体验,也希望对大家有所帮助. 需求:浏览的图片需要在1M一下. 1.真正对图片的质量进行压缩的(不是通过修改图片的高,宽进行缩小 ...

  10. 一个网页的对象抽象之路——po编程 (干货,Java自动化测试)

    先来看一个在腾讯课堂首页搜索机构的操作步骤: 1:首先打开腾讯课堂的首页:https://ke.qq.com 2:点击课程或机构的下拉选择图标 3:选择机构 4:在搜索框输入要搜索的机构名称 5:点击 ...