在Vue3中一个数组listA，对数组的操作有哪些方法，请一一列举，并举一个例子

在 Vue.js 3 中，对于一个数组 `listA`，你可以使用各种内置的 JavaScript 数组方法来进行操作。这里列出一些常见的数组操作方法及其示例：

1. **push()**: 向数组的末尾添加一个或多个元素。

   listA.push('New Element'); // 添加一个元素

2. **pop()**: 删除并返回数组的最后一个元素。

   let lastElement = listA.pop(); // 删除并获取最后一个元素

3. **shift()**: 删除并返回数组的第一个元素。

   let firstElement = listA.shift(); // 删除并获取第一个元素

4. **unshift()**: 向数组的开头添加一个或多个元素。

   listA.unshift('First Element'); // 添加一个元素到开头

5. **concat()**: 连接两个或更多数组，并返回新数组。

   let newArray = listA.concat(['Additional Elements']); // 创建新数组包含原数组及附加元素

6. **slice()**: 返回数组的一部分副本。

   let slicedArray = listA.slice(0, 3); // 获取从索引0开始到索引2（不包括3）的部分

7. **splice()**: 在数组中添加或删除项目。

   listA.splice(1, 1, 'Inserted Element'); // 在索引1处插入一个元素并移除一个元素

8. **filter()**: 创建一个新数组，只包含通过指定函数测试的所有元素。

   let filteredList = listA.filter(item => item % 2 === 0); // 只保留偶数元素

9. **map()**: 创建新数组，其结果是调用提供的函数处理每个元素后的值。

   let squaredList = listA.map(item => item * item); // 计算每个元素的平方

10. **forEach()**: 对数组的每个元素执行一次给定的函数。

    listA.forEach(item => console.log(item)); // 打印数组所有元素