如何在 JavaScript 中进行添加

在 JavaScript 中，我们可以使用不同的方法来进行添加操作，以修改数组、对象、字符串、元素等。本文将介绍一些常见的添加操作及其示例代码。

添加数组元素

使用 push() 方法

push() 方法用于向数组的末尾添加一个或多个元素，并返回新的长度。

const myArray = [1, 2, 3];
myArray.push(4);

console.log(myArray);  // 输出: [1, 2, 3, 4]

使用 concat() 方法

concat() 方法用于连接两个或多个数组，并返回一个新的数组。

const array1 = [1, 2, 3];
const array2 = [4, 5];
const newArray = array1.concat(array2);

console.log(newArray);  // 输出: [1, 2, 3, 4, 5]

添加对象属性

直接添加新属性

我们可以通过直接为对象添加新的属性来进行添加操作。

const myObj = { name: 'John' };
myObj.age = 25;

console.log(myObj);  // 输出: { name: 'John', age: 25 }

使用 Object.assign() 方法

Object.assign() 方法用于将一个或多个源对象的属性复制到目标对象中。

const targetObj = { name: 'John' };
const sourceObj = { age: 25 };
const newObj = Object.assign(targetObj, sourceObj);

console.log(newObj);  // 输出: { name: 'John', age: 25 }

添加字符串

使用加号运算符

我们可以使用加号运算符来连接字符串，从而实现字符串的添加。

const str1 = 'Hello';
const str2 = 'World';
const newStr = str1 + ' ' + str2;

console.log(newStr);  // 输出: 'Hello World'

使用 concat() 方法

concat() 方法也可以用于连接字符串。

const str1 = 'Hello';
const str2 = 'World';
const newStr = str1.concat(' ', str2);

console.log(newStr);  // 输出: 'Hello World'

添加元素到 HTML

使用 appendChild() 方法

appendChild() 方法用于将新的子元素添加到指定的父元素中。

const parentElem = document.getElementById('parent');
const newElem = document.createElement('div');
newElem.textContent = 'New Element';
parentElem.appendChild(newElem);

以上是一些常见的 JavaScript 添加操作的示例代码，希望能够帮助到你！