Menu
CoddyTech

移除与添加(首项)

Coddy JavaScript 数组方法 课程的第 7 课,共 18 课。

shift() 方法会移除数组中的第一个元素,并返回被移除的元素。它会缩短原数组的长度。

  • 把数组想象成一列元素。shift() 会取出最前面的元素(索引 0)并将其移除,同时把其余元素都向左移动一位。
  • 当你需要单独处理或存储第一个元素,然后再处理其余元素时,这个方法很有用。例如:
const fruits = ["apple", "banana", "orange", "mango"];
const firstFruit = fruits.shift();

console.log(fruits); // 输出:["banana", "orange", "mango"]
console.log(firstFruit); // 输出:"apple"

在上面的示例中,对 fruits 数组使用 shift() 方法后,会从数组中移除第一个元素 "apple"。


unshift() 方法会在数组开头添加一个或多个元素,并返回数组的新长度。它会增加原数组的长度。

  • 可以把 unshift() 想象成在队伍最前面插入元素。新元素会成为最前面的元素,并将已有元素向右移动。
  • 当你想在数组开头添加新元素或重新排列元素时,这个方法很实用。例如:
const colors = ["red", "green", "blue"];
const newColors = colors.unshift("yellow", "purple");

console.log(colors); // 输出:["yellow", "purple", "red", "green", "blue"]
console.log(newColors); // 输出:5(新长度)

在上面的示例中,对 colors 数组使用 unshift() 方法后,会在数组开头插入元素 "yellow" 和 "purple"。

challenge icon

挑战

简单

给你一个待办列表,其中包含 3 个任务:“Read a book”、 “Play sports”和“Wash dishes”,它们列在给定的 tasks 数组中。

编写 JavaScript 代码,从待办列表中删除第一个任务,在它的位置添加一个新任务“Feed the cat”,然后输出更新后的待办列表。

亲手试试

let tasks = ['Read a book', 'Play sports', 'Wash dishes'];

// 在这里编写代码

JavaScript 数组方法中的所有课

自己练习: JavaScript 在线编译器