数组与对象的元素添加

news/2025/2/24 9:29:48

一、向数组添加元素

1. push () 方法

push() 方法用于在数组的末尾添加一个或多个元素，并返回数组的新长度。它直接修改原数组。

javascript">let fruits = ['apple', 'banana'];
let newLength = fruits.push('cherry');
console.log(fruits); // 输出: ['apple', 'banana', 'cherry']
console.log(newLength); // 输出: 3

2. unshift () 方法

unshift() 方法与 push() 相反，它是在数组的开头添加一个或多个元素，并返回数组的新长度，同样会修改原数组。

javascript">let numbers = [1, 2, 3];
let newLength = numbers.unshift(0);
console.log(numbers); // 输出: [0, 1, 2, 3]
console.log(newLength); // 输出: 4

3. splice () 方法

splice() 方法功能更为强大，它可以用于在数组中添加、删除或替换元素。向数组添加元素时，需要传递至少两个参数：第一个参数是要插入元素的位置，第二个参数是 0（表示不删除任何元素，只进行添加操作），后续参数就是要添加的元素。

javascript">let animals = ['dog', 'cat'];
animals.splice(1, 0, 'bird');
console.log(animals); // 输出: ['dog', 'bird', 'cat']

4. concat () 方法

concat() 方法用于合并两个或多个数组，它会返回一个新数组，而不修改原数组。如果要将新元素添加到数组末尾，可以将新元素以数组形式作为参数传入。

javascript">let colors = ['red', 'blue'];
let newColors = colors.concat(['green']);
console.log(colors); // 输出: ['red', 'blue']
console.log(newColors); // 输出: ['red', 'blue', 'green']

二、向对象添加属性（对象元素添加本质是添加属性）

1. 点表示法

使用点表示法可以直接向对象添加新属性。

javascript">let person = { name: 'John' };
person.age = 30;
console.log(person); // 输出: { name: 'John', age: 30 }

2. 方括号表示法

方括号表示法更为灵活，尤其适用于属性名是变量的情况。

javascript">let person = { name: 'John' };
let newProperty = 'age';
person[newProperty] = 30;
console.log(person); // 输出: { name: 'John', age: 30 }

3. Object.assign () 方法

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，它也可以用于向对象添加新属性。不过需要注意的是，它会直接修改目标对象，并返回目标对象。

javascript">let person = { name: 'John' };
let newAttributes = { age: 30, city: 'New York' };
Object.assign(person, newAttributes);
console.log(person); // 输出: { name: 'John', age: 30, city: 'New York' }