javascript动态创建对象的属性详解
2019/6/26 23:22:24
本文主要是介绍javascript动态创建对象的属性详解,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
面向对象的JavaScript在客户端编码时提供了极大的灵活性,Javascript对象上的属性有助于设置可在对象内使用以管理和使用数据的值。
我对JavaScript中属性的理解,在javascript中,可以通过在文字对象上定义变量来创建属性。
例如
var obj = { property1: '', property2: '' };
现在可以通过使用来访问这些属性
obj.property1 = 'some value'; obj.property2 = 'some other value';
同样,类似地,它们也可以在对象Object内的函数内使用。
例如:
var obj = { property1: '', property2: '', foo : function(){ console.log(obj.property1); }};
现在我们知道如何在javascript对象上创建属性,让我们看看如何在Javascript上创建动态属性
有两种方法可以做到这一点
在Javascript对象上定义类似于Array的动态属性
让我们采用与上面相同的例子:
var obj = { property1: '', property2: '' };
在对象Objo上创建动态属性,我们可以这样做:
obj['property_name'] = 'some_value';
它的作用是,它在对象上创建一个obj新属性可以访问它作为console.log(obj.property_name);
这将在控制台上输出值some_value
使用Object.defineProperty定义动态属性。
例:
// Example of an object property added with defineProperty with a data property descriptor Object.defineProperty(obj, "property3", {value : 'some value', writable : true, enumerable : true, configurable : true}); // 'property3' property exists on object obj and its value is 37
这篇关于javascript动态创建对象的属性详解的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set