JavaScript 如何创建动态值和对象

在 JavaScript 中，您可以选择动态的值或变量名和对象名，并选择在将来编辑变量名而不访问数组。JavaScript 中的动态值和对象允许在运行时改变、访问或创建值和对象属性，以提高灵活性和适应性。

有几种方法可以在 JavaScript 中创建动态值和对象。

• 使用带有计算属性名的对象字面量
• 使用方括号表示法进行对象属性赋值
• 使用展开运算符

方法1：使用带有计算属性名的对象字面量

在这种方法中，我们使用带有计算属性名的对象字面量，它允许您根据变量或表达式在方括号[]内动态创建或修改对象属性。

语法：

const dynamicObject = {  
  [dynamicKey]: dynamicValue,  
};

示例： 在此示例中，我们使用上面解释的方法。

const dynamicKey1 = 'age';
const dynamicValue1 = 25;
 
const dynamicKey2 = 'city';
const dynamicValue2 = 'Noida';
 
const dynamicObject = {
    name: 'Aman',
    [dynamicKey1]: dynamicValue1,
    [dynamicKey2]: dynamicValue2,
};
 
console.log(dynamicObject);

输出

{ name: 'Aman', age: 25, city: 'Noida' }

方法2：使用方括号表示法给对象属性赋值

在这个方法中，我们使用方括号表示法给对象属性赋值，允许您动态地设置或添加属性到一个对象中。

语法：

obj[propertyName] = propertyValue;

示例： 在这个示例中，我们使用了上面解释的方法。

const dynamicKey = 'age';
const dynamicValue = 30;
 
const dynamicObject = {
    name: 'Aman',
};
 
// Using bracket notation to 
//set properties dynamically
dynamicObject[dynamicKey] = dynamicValue;
dynamicObject['city'] = 'Noida';
 
console.log(dynamicObject);

输出

{ name: 'Aman', age: 30, city: 'Noida' }

方法3：使用扩展运算符

扩展运算符允许将对象合并到一个新对象中，其中所有属性都会被复制。它提供了一种简洁且非破坏性的方式来合并对象或克隆它们。

语法：

示例： 在此示例中，我们使用了上述解释的方法。

const obj1 = { name: 'Ankit' };
const obj2 = { age: 30 };
const obj3 = { city: 'Noida' };
 
const mergedObject = { ...obj1, ...obj2, ...obj3 };
 
console.log(mergedObject);

输出

{ name: 'Ankit', age: 30, city: 'Noida' }