📜  javascript 更新属性 (1)

📅  最后修改于: 2023-12-03 15:01:44.718000             🧑  作者: Mango

JavaScript 更新属性

在 JavaScript 中,我们可以使用 dot notation 和 bracket notation 两种方式来更新对象或数组的属性。

Dot notation

使用 dot notation,我们可以通过对象名加上属性名并用一个等于号赋予新的值来更新对象属性。例如:

const person = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

person.name = 'Bob';
person.age = 30;
person.hobby = 'reading';

console.log(person);
// Output: { name: 'Bob', age: 30, gender: 'female', hobby: 'reading' }

这里,我们把 person 对象中的 name 属性和 age 属性更新,同时添加了一个新的 hobby 属性。

Bracket notation

使用 bracket notation,我们可以通过对象名加上方括号,并在括号中加上属性名的字符串来更新对象属性。例如:

const person = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

person['name'] = 'Bob';
person['age'] = 30;
person['hobby'] = 'reading';

console.log(person);
// Output: { name: 'Bob', age: 30, gender: 'female', hobby: 'reading' }

这里,我们通过 bracket notation 把 person 对象中的 name 属性和 age 属性更新,同时添加了一个新的 hobby 属性。

更新数组元素

同样地,我们也可以使用两种方式来更新数组元素。

Dot notation

使用 dot notation,我们可以通过数组名加上索引号并用等于号赋予新的值来更新数组元素。例如:

const numbers = [1, 2, 3, 4, 5];

numbers[1] = 10;
numbers[4] = 20;

console.log(numbers);
// Output: [ 1, 10, 3, 4, 20 ]

这里,我们把数组 numbers 中的第二个元素(索引号为 1)更新为 10,并把第五个元素(索引号为 4)更新为 20。

Bracket notation

使用 bracket notation,我们可以通过数组名加上索引号的字符串形式并用等于号赋予新的值来更新数组元素。例如:

const numbers = [1, 2, 3, 4, 5];

numbers['1'] = 10;
numbers['4'] = 20;

console.log(numbers);
// Output: [ 1, 10, 3, 4, 20 ]

这里,我们把数组 numbers 中的第二个元素(索引号为 1)更新为 10,并把第五个元素(索引号为 4)更新为 20。

总之,JavaScript 中更新属性、对象和数组元素有两种方式,即 dot notation 和 bracket notation,并且它们的使用方法很简单,只需要记得对象名或数组名后面跟上属性名或索引号即可。