1. push()
- 用途: 在数组末尾添加一个或多个元素。
- 参数:
element1, element2, ..., elementN: 需要添加到数组中的元素。
- 返回值: 返回修改后的数组的新长度。
实例
let array = [1, 2, 3];
array.push(4, 5); // array 现在是 [1, 2, 3, 4, 5]2. pop()
- 用途: 移除数组的最后一个元素并返回该元素。
- 参数:
- 无
- 返回值: 被移除的最后一个元素。
实例
let array = [1, 2, 3];
console.log(array.pop()); // 输出 3，现在 array 是 [1, 2]3. shift()
- 用途: 移除数组的第一个元素并返回该元素。
- 参数:
- 无
- 返回值: 被移除的第一个元素。
实例
let array = [1, 2, 3];
console.log(array.shift()); // 输出 1，现在 array 是 [2, 3]4. unshift()
- 用途: 在数组的开头添加一个或多个元素，并返回修改后的数组的新长度。
- 参数:
element1, element2, ..., elementN: 需要添加到数组中的元素。
实例
let array = [1, 2, 3];
array.unshift(0, -1); // array 现在是 [-1, 0, 1, 2, 3]5. splice()
- 用途: 添加和删除数组中的元素。
- 参数:
start: 开始插入或移除位置的索引。负数表示从数组末尾开始计数。deleteCount(可选): 表示要移除多少个元素（不包括start处的第一个）。如果省略，则start之后的所有元素都将被删 除。item1, item2, ..., itemN: 要插入的值。
实例
let array = [1, 2, 3, 4, 5];
array.splice(2, 0, "a", "b"); // 在索引2之后插入"a"和"b"
console.log(array); // 输出: [1, 2, "a", "b", 3, 4, 5]6. sort()
- 用途: 对数组元素进行排序。
- 参数:
compareFunction(可选): 比较两个元素，返回值大于0则第一个比第二个大。默认按照字符顺序排序。
实例
let array = [3, 1, 2];
array.sort((a, b) => a - b); // 输出: [1, 2, 3]7. reverse()
- 用途: 反转数组中的元素。
- 参数:
- 无
实例
let array = [1, 2, 3];
array.reverse(); // 现在 array 是 [3, 2, 1]在 Vue.js 中的使用注意事项
在Vue组件中直接修改数组（如上述操作）会触发视图更新，这是由于Vue的响应式系统。但是，为了保持代码的一致性和可维护性，
建议使用Vue提供的组合式API ref 和 reactive 来管理状态，并结合 push, pop, shift, unshift, splice, sort, reverse 等方法来操作数组。
import { ref } from 'vue';
const array = ref([1, 2, 3]);
array.value.push(4); // 通过 .value 访问响应式对象
console.log(array.value); // 输出 [1, 2, 3, 4]8、总结
push：在尾部增加
pop: 弹出尾部的
shift: 删除第一个
unshift：在开头增加
splice：可以删除（可选），可以增加，可修改（删除、增加）
sort：排序
reverse：反转