js如何给一个对象多加一个属性并赋值

1、js创建一个对象或者在原有对象上添加一个已知属性，并给这个属性赋值，写法如下：

let obj = {'a1':'a1'}obj['a2'] = 'a2'console.log(obj)//输出{'a1':'a1','a2':'a2'}

2、添加一个变量属性，并赋值变量，写法如下：

function add(name,value){let obj = {"a1":"a1"}obj[name] = value//返回参数console.log(obj)//{"a1":"a1","b1":"b1"}}add("b1","b1")

1.这种方法的属性（setAttrName）可以是一个变量。

var obj = {}

obj[setAttrName] = 'Tom'

2.这样就可以动态的给js对象添加变量属性。

var obj = {

attr: {

}

}

var egData = ['oneAttr', 'twoAttr', 'threeAttr']

for (var i = 0 i < egData.length i++) {

obj.attr[egData[i]] = false

}

资料拓展：

创建 JavaScript 对象

通过 JavaScript，您能够定义并创建自己的对象。

创建新对象有两种不同的方法：

1.定义并创建对象的实例

2.使用函数来定义对象，然后创建新的对象实例

//控制台输出：xiaobai</script然后在看：<scriptvarname = "xiaobai"name.sex="male"console.log(name.sex)//控制台输出：undefined</script为什么会出现这种情况呢？关键还是在于语言设计上面，js语言设计方面，对于基本的数据类型如：Undefined、Null、Boolean、Number、String，为了优化查询这些数据的速度把其定义在一个具有固定空间中，即栈中；而对于复杂的数据类型比如说对象(Object)，由于这些数据相对来说比较复杂，把其放到栈中并不合适，于是乎它就将这类的数据保存到堆里面，在栈中知识保留指向堆中地址的指针，这样子设计既简化了查询又从一定程度上面减少了内存的消耗，这就是js（或者说ecmascript）语言设计的精妙之处。我们学技术、学编程、学计算机，无论你是做服务端、客户端、web前端···其实，归根到底就是更好的利用计算机，跟好的利用其资源来为我们服务，返观我们很多的计算机方面很设计方面，比如 *** 作系统，为什么要分用户态、内核态；比如硬件，为什么要分寄存器、高速缓存、内存、磁盘、磁带；比如多线程web服务器，为什么要做成多线程、构造高速缓存把常用的页面放到高速缓存里面····等等，其实都是为了这一点：更好的利用计算机的资源，来为我们服务。

---