ES5 将变量分配给对象属性 - Javascript

当我们需要将变量的值赋给对象的属性时，ES5提供了两种语法方式：点表示法和方括号表示法。

点表示法

点表示法是通过对象名和属性名中间加上.来表示，适用于属性名是标识符（identifier）的情况。

var obj = {};
var name = 'Tom';
obj.name = name;
console.log(obj.name); // 输出: Tom

在上面的代码中，我们先创建了一个空对象obj，然后定义了一个变量name并赋值为'Tom'，接着使用点表示法将name变量的值赋给了obj对象的name属性，最后打印obj对象的name属性，得到了'Tom'。

方括号表示法

方括号表示法是通过对象名和属性名中间加上[]来表示，适用于属性名是字符串（string）或表达式的情况。

var obj = {};
var name = 'Tom';
obj['name'] = name;
console.log(obj['name']); // 输出: Tom

在上面的代码中，方括号里的'name'就是一个字符串，它指定了将变量name的值赋给obj对象的name属性。使用方括号表示法获取属性值时，也可以加引号使其成为合法字符串。

var obj = {
  'first name': 'Tom',
  age: 18
};
console.log(obj['first name']); // 输出: Tom
console.log(obj['age']); // 输出: 18

在上面的代码中，对象obj的属性名包含空格，所以需要使用引号括起来来表示是一个字符串，通过方括号表示法获取属性值。

结论

无论是点表示法还是方括号表示法，它们都可以将变量的值赋给对象的属性。但是需要注意的一点是，对象的属性名是区分大小写的，如果属性名被写错了，那么就无法正确获取属性值。

以上就是ES5将变量分配给对象属性的方法介绍，希望能够帮助到大家。