移除与添加(首项)
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"。
挑战
简单给你一个待办列表,其中包含 3 个任务:“Read a book”、 “Play sports”和“Wash dishes”,它们列在给定的 tasks 数组中。
编写 JavaScript 代码,从待办列表中删除第一个任务,在它的位置添加一个新任务“Feed the cat”,然后输出更新后的待办列表。
亲手试试
let tasks = ['Read a book', 'Play sports', 'Wash dishes'];
// 在这里编写代码JavaScript 数组方法中的所有课
自己练习: JavaScript 在线编译器