js中向对象中添加属性的两种方法

11 数据属性（`properties`），对象的普通属性将字符串名称映射到值。例如，下面对象obj有一个数据属性，名称为 prop，对应的值为 123：var obj = {prop: 123};可以用以下方式读取属性的值：consolelog(objprop); // 123，consolelog(obj["prop"]); // 123，当然也可以用以下方式来设置属性的值：objprop = "abc";obj["prop"] = "abc";

12 访问器属性，另外，可以通过函数处理获取和设置属性值。 这些函数称为访问器函数。 处理获取的函数称为getter。 处理设置的函数称为setter：var obj = {get prop () {return 'Getter';},set prop (value) {consolelog('Setter: ' + value);}}访问 obj 属性：> objprop'Getter'> objprop = 123;Setter: 123。

13 内部属性一些属性只是用于规范，这些属于“内部”的属性,因为它们不能直接访问,但是它们确实影响对象的行为。内部属性有特殊的名称都写在两个方括号，如：内部属性[[Prototype]]指向对象的原型。它可以通过ObjectgetPrototypeOf()读取。它的值只能通过创建具有给定原型的新对象来设置，例如通过objectcreate()或__proto__ 。

内部属性[[Extensible]]决定是否可以向对象添加属性。可以通过ObjectisExtensible() 方法判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）。可以通过ObjectpreventExtensions()方法让一个对象变的不可扩展，也就是永远不能再添加新的属性。

属性特性(attribute)，属性的所有状态，包括数据和元数据，都存储在特性(attribute)中。它们是属性具有的字段，就像对象具有属性一样。特性(attribute)键通常用双括号编写：

在javascript中，对象被定义为一组属性的无序集合。即对象是一组没有特定顺序的值。

对象的构成为：属性和方法。一个对象可以拥有多个属性和多个方法。

一个JavaScript对象中有很多属性。一个对象的属性可以被解释为一个附加到对象上的变量。

属性由一个字符串类型的名字（name）和一个属性描述符（property descriptor）对象构成。

JavaScript中使用一些内部特性来描述属性的特征。开发者不能在JavaScript中直接访问这些特性。规范中用两个中括号把特性的名称括起来，如 [[Enumerable]]

属性分两种：数据属性和访问器属性

数据属性包含一个保存数据值的位置。数据属性有四个特性描述它们的行为。

数据属性定义

属性描述符是必须是一个对象，对象中最多有四个属性： configurable 、 enumerable 、 writable 和 value 。如果 configurable 、 enumerable 、 writable 没有指定，将被指定为 false ； value 指定为 undefined

访问器属性不包含数据值。相反，它们包含一个获取（get）函数和一个设置（set）函数，不过这两个函数不是必须的。

访问器属性常常用来设置一些 私有 属性，从而达到属性的保护。

访问器属性定义

属性描述符中的获取和设置函数不一定都要定义。只定义设置函数，表示不能读取；只定义获取函数，表示只能读取。

通过 ObjectdefineProperties() 方法定义多个属性及其属性描述符。

注意事项

1数据属性的 configurable 、 writable 为false，可以通过访问器属性的 set() 方法进行修改。

2如果数据属性 configurable 、 enumerable 、 writable 没有指定，将被指定为 false ； value 指定为 undefined

给对象添加变量时，属性名和变量名一致，我们可以使用属性简写的进行添加变量。

计算属性：在 [ ] 中放入表达式，计算结果可以当做属性名。

这种用法和用方括号访问属性非常类似。

注意事项

对象解构就是使用与对象匹配的结构来实现对象属性的赋值。

展开语法 （）：三个点，将对象中的属性全部提取出来。与数组中的展开语法类似，但有区别

解构语法 （）：将对象中的某些属性从中拿出来。注意：左边的源数据，右边是声明的变量解构语法可以解构内置对象中的某些属性。

合并的方法：

一个方法是关联到某个对象的函数，或者简单说，一个方法是一个值为某个函数的对象属性。定义方法就像定义普通的函数，然后赋值给对象的某个属性。

方法的定义有两种方式：

对象和函数、数组一样是引用类型，即复制只会复制引用地址。

对象作为函数的形参，实际上传递的是对象的地址

this 关键字表示当前对象

以下方法受到 enumerable 和 原型链 的影响。

作用：以任意顺序遍历一个对象的除 Symbol 以外的 可枚举 属性包含原型链上可枚举的属性

作用：返回一个由一个给定对象的 自身可枚举属性 组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

作用：返回一个给定对象 自身的所有可枚举属性值 的数组。

作用：返回一个给定对象 自身可枚举属性 的键值对数组

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

作用：返回一个给定对象自身的所有 Symbol 属性的数组。

所有的JavScript对象至少继承于一个对象，被继承的对象被称为原型。

每个对象可以通过构造函数的 prototype 属性找到原型 或 每个实例对象有一个私有属性 __proto__ 指向原型

方法一： ObjectgetPrototypeOf() 方法返回指定对象的原型。

方法二： 实例化对象__proto__

ObjectgetPrototypeOf(object)

方法一： Objectcreate() 创建对象的时候指定原型

方法二： Objectprototype__proto__

方法三： ObjcetsetPrototypeOf()

方法四： ReflectsetPrototypeOf()

Objectcreate(proto, propertiesObject) :

ObjcetsetPrototypeOf(obj, prototype)

ReflectsetPrototypeOf(target, prototype)

json中取出对象的属性值步骤如下：

1、打开vscode，创建一个测试页面JsonTesthtml，用于演示在js中如何获取json对象的属性集合。

2、在测试页面中，定义一个js变量，将其赋值为json格式的字符串，用于模拟从后台返回过来的json字符串值，以及后续转换为json对象，和获取其属性集合。var json = "[{\"Col1\": \"Hello\", \"Col2\": \"World\"}, {\"Col1\": \"您好\", \"Col2\": \"世界\"}]"。

3、使用js的eval函数，将json字符串的变量值，转换为json对象。var $json = eval("(" + json + ")");

4、得到json对象之后，使用for-in循环语句，得到json对象的序号，也就是，这个json对象中，还有多少个子对象。

5、因为js是弱类型的语言，并不要求json对象中的每个子对象属性都一样。所以，在得到序号之后，使用Objectkeys($json[i]); 就能获取到当前json子对象的属性集合。

6、如果想要获取到json对象的每个具体的列名和值，就需要再加一个for循环，遍历列名，得到列名和值。

对象为object

了解js的都知道， 有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx)

如下实例：

typeof 2 输出 number

typeof null 输出 object

typeof {} 输出 object

typeof [] 输出 object

typeof (function(){}) 输出 function

typeof undefined 输出 undefined

typeof '222' 输出 string

typeof true 输出 boolean

这里面包含了js里面的五种数据类型 number string boolean undefined object和函数类型 function

以上就是关于js中向对象中添加属性的两种方法全部的内容，包括:js中向对象中添加属性的两种方法、JS数据类型之Object(一)对象知识扫盲、json中怎么取出对象的属性值啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！