TypeScript常见的数组操作函数

TypeScript常见的数组操作函数

使用 push() 函数操作数组

---

一个简单的方法将数据添加到一个数组的末尾是通过push()函数。

.push()接受把一个或多个参数，并把它“推”入到数组的末尾。

举例：

let arr = [1,2,3];
arr.push(4);
// 现在arr的值为 [1,2,3,4]

使用 pop() 函数操作数组

---

改变数组中数据的另一种方法是用.pop()函数。

.pop()函数用来“抛出”一个数组末尾的值。我们可以把这个“抛出”的值赋给一个变量存储起来。换句话说就是.pop()函数移除数组末尾的元素并返回这个元素。

数组中任何类型的元素（数值，字符串，甚至是数组）可以被“抛出来” 。

举例：

let threeArr = [1, 4, 6];
let oneDown = threeArr.pop();
console.log(oneDown); // 输出 6
console.log(threeArr); // 输出 [1, 4]

使用 shift() 函数操作数组

---

pop()函数用来移出数组中最后一个元素。如果想要移出第一个元素要怎么办呢？

这就是.shift()的用武之地。它的工作原理就像.pop()，但它移除的是第一个元素，而不是最后一个。

举例

let threeArr = [1, 4, 6];
let oneDown = threeArr.shift();
console.log(oneDown); // 输出 1
console.log(threeArr); // 输出 [4, 6]

使用 unshift() 函数操作数组

---

你不仅可以shift（移出）数组中的第一个元素，你也可以unshift（移入）一个元素到数组的头部。

.unshift()函数用起来就像.push()函数一样, 但不是在数组的末尾添加元素，而是在数组的头部添加元素。

举例：

let arr = [1,2,3];
arr.unshift(4);
// 现在arr的值为 [4,1,2,3]