append js实现
在 JavaScript 中实现数组追加操作
JavaScript 提供了多种方法来实现数组的追加操作。以下是常见的几种方法：
使用 push() 方法
push() 方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。
let fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // ['apple', 'banana', 'orange']使用 concat() 方法
concat() 方法用于合并两个或多个数组，返回一个新数组而不修改原数组。
let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4]使用展开运算符（ES6）
展开运算符 ... 可以方便地将多个数组合并。
let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4]使用 splice() 方法
splice() 方法可以在指定位置插入元素。
let colors = ['red', 'green'];
colors.splice(colors.length, 0, 'blue');
console.log(colors); // ['red', 'green', 'blue']在 JavaScript 中实现字符串追加操作
字符串是不可变的，因此追加操作实际上是创建新字符串。
使用 + 运算符
最简单的方法是使用 + 运算符连接字符串。
let str = 'Hello';
str = str + ' World';
console.log(str); // 'Hello World'使用 concat() 方法
字符串也有 concat() 方法用于连接。
let str = 'Hello';
str = str.concat(' World');
console.log(str); // 'Hello World'使用模板字符串（ES6） 模板字符串提供更灵活的字符串插值。
let name = 'Alice';
let greeting = `Hello ${name}`;
console.log(greeting); // 'Hello Alice'在 JavaScript 中实现 DOM 元素追加
使用 appendChild()
将节点添加到指定父节点的子节点列表末尾。
let parent = document.getElementById('parent');
let newElement = document.createElement('div');
newElement.textContent = 'New child';
parent.appendChild(newElement);使用 insertAdjacentHTML()
在指定位置插入 HTML 字符串。
let parent = document.getElementById('parent');
parent.insertAdjacentHTML('beforeend', '<div>New child</div>');使用 jQuery 的 append()
如果使用 jQuery，可以简化操作。
$('#parent').append('<div>New child</div>');这些方法涵盖了 JavaScript 中主要的追加操作场景，可以根据具体需求选择合适的方法。
