详情参考

1.对象的表示方法

js原生提供Object构造函数。js中所有的对象都是Object的实例。

定义一个对象最简单的就是var obj = {};

ES6属性和方法允许简写。对象的super属性只能用在简写的方法中,其他的地方都会报错。

let a = 5;
let obj = {
a, // 相当于a: a
b() {
return 'lyra'
}
}; 

属性可以使用存取器表示。存取器的使用场合一般是: 属性的值依赖对象内部数据。

var obj = {
count: 5,
get v() { return this.count },
set v(value) { this.count += value;}
}
obj.v; //
obj.v = 10;
obj.v; //

2.属性名

对象要求属性名必须是字符串,如果不是字符串,js引擎会自动将其转为字符串。

var obj={
1e2: 'a',
0xff: 'b', // 会先计算出键值
.23: 'c',
_a: "e"
}
// var obj = {
// 100: 'a',
// 255: 'b',
// '0.23': 'c',
// _a: 'e'
// } 

⚠️如果属性名不是有效的变量标识符,字符串不能省略。

ES6

1)属性名表达式,允许属性名通过[]用表达式准备。[]内有字符串说明是属性名,[]没有字符串说明是变量。

var obj = {
['a' + 'b']: 5,
['h'+'hello']() {
// 这是一个函数
}
}

2)添加Symbol类型的属性名

3.对象方法的name属性

name属性返回函数的名称。

.bind()的函数会返回“bond 函数名”;匿名函数"anoymous";对象的方法名为Symbol("函数名")返回引号中函数名

4.属性遍历的方法

遍历规则:

1)先遍历数字属性,从小到大

2)遍历字符串属性,按照时间从早到晚(push的最早的)

3)遍历Symbol属性,按照时间从早到晚

属性遍历方法:

1)for...in   遍历原型和自身的可枚举属性(不含Symbol)

2)Object.keys() --返回数组,数组元素是自身可枚举属性(不含Symbol)

3)Object.getOwnPropertyNames 遍历自身可枚举和不可枚举属性(不含Symbol)

ES6

4)Object.getOwnPropertySymbols()遍历自身的Symbol属性

5)Reflect.ownKeys() 遍历自身的所有属性

值遍历方法

1)Object.values()---返回数组

2)Object.entries()---返回二维数组

PS:Object.fromEntries()将Map转为对象;或者Object.Entries()遍历的结果(二维数组)转为对象

5.Object.assign(target, ...sources)和扩展运算符...

ES6

1)相同点: 两者相当于另一种形式的遍历,针对的都是可枚举类型

{...null} {...1} {...true} {...undefined}都是{},因为自动转换生成的对象的属性都是不可遍历的属性或者是{}{}

{...'he'} -- {0: 'h', 1: 'e'}

不同点:前者的target参数不能是null和undefined; ...可以是null和undefined

⚠️:...(表达式) ---扩展运算符可以跟表达式

2)对象的拷贝

浅拷贝--遍历拷贝第一层属性。如果属性值是对象,则拷贝的是对象的地址。

⚠️:创建了一个新对象,并将第一层属性拷贝过去。

let a = Object.assign({},obj); // a != obj
let a = {...obj}; // a != obj
let a = obj; a=== obj;

对象的完整克隆规则:1.原型对象相同;2.自身属性相同

Object.assign(Object.create(Object.getPrototypeOf(obj)),obj)
Object.create(Object.getPrototypeOf(obj), Object.getOwnPropertyDescriptors(obj))

6.Object.is(a,b)

功能基本和===相同。

区别: 1)Object.is(NaN, NaN) --true  2) Object.is(+0, -0) -- false

7.原型对象

1)prototype属性是构造函数的属性,实例对象没有该属性

2) __proto__实例对象的属性,表示该实例对象的原型对象

2)读取,设置原型对象

---1.__proto__浏览器实例对象的私有属性,可以读取,写入,但是不建议使用

---2.getPrototypeOf(),setPrototypeOf

---3.Object.create(原型对象,属性描述对象)⚠️如果属性缺省,默认false, value默认undefine

对象(Object)相关的更多相关文章

  1. 对象Object

    功能分类                       1. 创建对象 把各对数自身拥有的可枚举属性复制到第一个对象并返回:obj = Object.assign(o1, o2, o3),o1=obj ...

  2. Python - 面对对象(其他相关,异常处理,反射,单例模式,等..)

    目录 Python - 面对对象(其他相关,异常处理,反射,等..) 一.isinstance(obj, cls) 二.issubclass(sub, super) 三.异常处理 1. 异常处理 2. ...

  3. 13_Python的面向对象编程-类class,对象object,实例instance

    1.面向对象概述 1.类是用来描述对象的工具,把拥有相同属性和行为的对象分为一组     2.对象是由类实例化出来的一个具体的对象         属性: 对象拥有的名词,用变量表示         ...

  4. 一个简单的游戏开发框架(五.对象Object)

    前面提到我们把行为Action从对象Object中分离了出来,用各种不同的行为组合出对象的功能.大家都知道,面向对象的一个类,就是数据和操作的集合.操作(行为)被分离出来了,数据怎么办呢?操作依赖的数 ...

  5. Java中的对象Object方法之---wait()和notifiy()

    这一篇咋们继续,接着来介绍wait()和notify()方法,我们都知道这两个方法和之前介绍的方法不太一样,那就是这两个方法是对象Object上的,不属于Thread类上的.我们也知道这两个方法是实现 ...

  6. js内置对象-Object

    1)Object构造函数的方法 返回指定对象的原型对象 Object.getPrototypeOf(mymap); /*{featureStyle: {…}, selfLayersCount: nul ...

  7. java的类class 和对象object

    java 语言的源代码是以类为单位存放在文件中,已public修饰的类名须和存放这个类的源文件名一样.而 一个源文件中只能有一个public的类,类名的首字母通常为大写. 使用public修饰的类可以 ...

  8. 1月5日 对象Object, 含过去看的英文档的总结链接

    Object 也是一种数据类型,可以有属性,有method. 反之,在Ruby中,每一种数据类型都是Object.如String,Integer,Float,Array,Hash. IN Ruby e ...

  9. vue props 传入对象Object,如果外层更改属性,默认里面是不更新,需要使用 this.$set(this.datese1, 'xsfaDateYear1', '')

    vue props 传入对象Object,如果外层更改属性,默认里面是不更新,需要使用 this.$set(this.datese1, 'xsfaDateYear1', '')

  10. Java常见对象Object类中的个别方法

    Java常见对象Object类 public int hashCode() : 返回该对象的哈希码值. 注意:哈希值是根据哈希算法计算出来的一个值,这个值和地址值有关,但是不是实际地址值.你可以理解成 ...

随机推荐

  1. linux下安装lnmp集成环境

    linux下安装lnmp集成环境 教程地址:https://www.cnblogs.com/peteremperor/p/6750204.html 必须要用root用户,否则权限不够无法安装 安装最新 ...

  2. Python列表推导

    一. 列表推导式   ord() 函数是 chr() 函数(对于8位的ASCII字符串)或 unichr() 函数(对于Unicode对象)的配对函数, 它以一个字符(长度为1的字符串)作为参数,返回 ...

  3. 针对Quizii的基本抓包实验(Fiddler)

    本实验仅限于了解POST和GET几种常规数据获取方案的学习.简单的来说,POST就是向服务器发送数据,GET会向服务器请求数据.可以参考https://www.zhihu.com/question/2 ...

  4. Android 卸载应用程序

    最近工作中接触Android应用实现卸载自身的逻辑,踩了一些坑之后整理下来.使用的方法是Intent.ACTION_DELETE,这里没有什么好说的. MainActivity.java : pack ...

  5. 【规律】Parentheses

    Parentheses 题目描述 Dave loves strings consisting only of '(' and ')'. Especially, he is interested in ...

  6. MySQL SELECT表达式的执行顺序是从左往右依次执行

    例子如下:(确保这几个变量都是初次使用,因为mysql的用户自定义变量会在整个连接session中存在) ,,; +--------+-------+---------+-------+ | +--- ...

  7. KNN算法识别手写数字

    需求: 利用一个手写数字“先验数据”集,使用knn算法来实现对手写数字的自动识别: 先验数据(训练数据)集: ♦数据维度比较大,样本数比较多. ♦ 数据集包括数字0-9的手写体. ♦每个数字大约有20 ...

  8. C#如何调用C++(基础篇)

    闲暇之余,记一下笔记!记录一下c#如何调用C++的动态库(dll). 步骤: 一.创建一个C++类,例如: AddOperate.h extern _declspec(dllexport) int S ...

  9. 为什么领域模型对于架构师如此重要? https://blog.csdn.net/qq_40741855/article/details/84835212

    为什么领域模型对于架构师如此重要? https://blog.csdn.net/qq_40741855/article/details/84835212 2018年12月05日 14:30:19 绝圣 ...

  10. vue跳转本页面报错

    一个按钮绑定一个方法,方法是跳转到某个路由地址,当已经点击触发方法到该路由下的时候,再进行点击该按钮控制台就会报错,不会影响项目运行 解决方法: if(this.$route.path == '/bi ...