append js实现

使用原生 JavaScript 实现数组追加

在 JavaScript 中，可以通过多种方法向数组追加元素。以下是几种常见的实现方式：

使用 push 方法

let arr = [1, 2, 3];
arr.push(4);  // 追加单个元素
arr.push(5, 6);  // 追加多个元素
console.log(arr);  // [1, 2, 3, 4, 5, 6]

使用 concat 方法

let arr1 = [1, 2, 3];
let arr2 = arr1.concat(4);  // 返回新数组
let arr3 = arr1.concat([5, 6]);  // 追加数组
console.log(arr2);  // [1, 2, 3, 4]
console.log(arr3);  // [1, 2, 3, 5, 6]

使用展开运算符

let arr = [1, 2, 3];
let newArr = [...arr, 4];  // 创建新数组
console.log(newArr);  // [1, 2, 3, 4]

向 DOM 元素追加内容

使用 appendChild

let parent = document.getElementById('parent');
let newElement = document.createElement('div');
newElement.textContent = 'New content';
parent.appendChild(newElement);

使用 insertAdjacentHTML

let parent = document.getElementById('parent');
parent.insertAdjacentHTML('beforeend', '<div>New content</div>');

向字符串追加内容

使用 += 运算符

let str = 'Hello';
str += ' World';
console.log(str);  // 'Hello World'

使用 concat 方法

let str1 = 'Hello';
let str2 = str1.concat(' World');
console.log(str2);  // 'Hello World'

这些方法可以根据不同的使用场景选择最合适的实现方式。数组操作通常使用 push 或 concat，DOM 操作推荐使用 appendChild 或 insertAdjacentHTML，字符串拼接则可以使用 += 或 concat 方法。