
介绍
可以通过四种方式将键和值分配给对象。
- 点符号
- 方括号表示法
- object.defineproperty() 方法
- object.defineproperties() 方法
点符号
点表示法是一种在 javascript 中访问对象属性的简单且常用的方法。您可以使用点表示法创建属性并将其分配给对象。这种方法允许您在创建对象后动态定义属性。
let objectname = {}; // "object literal" syntax
objectname.somekey = somevalue; // set property and value
const value = objectname.somekey; // retrive value
优点
可读性:
易于阅读和理解。
示例:person.name 比 person['name'] 更容易解释。
易于使用:
简单的语法,可以快速编写。
立即学习“Java免费学习笔记(深入)”;
静态属性名称:
非常适合访问具有有效标识符(字母、数字、下划线和 $)的属性。
缺点
仅限有效标识符:
当属性名称包含特殊字符、空格或动态时失败。
示例:person.first-name 会抛出错误;使用 person["first-name"] 代替。
不能使用变量:
示例:如果属性名称存储在变量中,则不能使用点表示法。
方括号表示法
方括号表示法允许使用字符串或变量动态访问或操作对象属性。方括号比点符号更灵活,因为它们可以使用任何属性名称或变量。不过,它们写起来有点困难。
系统特点: 商品多级分类检索、搜索,支持同一商品多重分类,自由设置显示式样 自由设置会员类型,自由设置权限项目,自由分配每种会员类型和每个会员的权限 灵活的商品定价,最多12级价格自由分配给各种会员类型或会员,也可针对单会员单商品特殊定价 强大的会员管理、帐户管理、订单管理功能和一系列帐务查询统计功能 灵活的会员积分系统,自由设置每个积分事件的积分计算方法 灵活的网站内容发布、管理系统,每个栏目可
优点
动态属性访问:
允许属性名称是变量或表达式。
示例:当 propname 为变量时,obj[propname] 是灵活的。
特殊字符和空格:
适用于包含特殊字符、空格或保留关键字的属性名称。
示例: obj["first-name"] 或 obj["class"].
迭代灵活:
在循环对象的属性时很有用。
缺点
可读性较差:
与点表示法相比更难阅读,尤其是对于嵌套属性。
容易出现错别字:
开发过程中可能无法发现属性名称中的错误(例如 obj["naem"])。
详细:
需要更多的输入和对字符串键使用引号。
object.defineproperty() 方法
object.defineproperty() 方法为对象定义一个新属性或更新现有属性,然后返回该对象。
const user = {};
object.defineproperty(user, 'firstname', {
value: 'john',
writable: true, // `false` is default
});
console.log('first name', user.firstname);
object.defineproperties() 方法
object.defineproperties() 方法直接在对象上定义新属性或修改现有属性,并返回该对象。
const user = {};
Object.defineProperty(user, {
'firstName': {
value: 'John',
},
'lastName': {
value: 'Kennady',
},
});
console.log('First name', user.firstName);
console.log('Last name', user.lastName);









