大前端就业班 带你告别迷茫（〖大前端 – 基础入门三大核心之JS篇㉔〗- JavaScript 的数组的常用方法 (一)）
文章目录
🌟 数组的头尾操作方法 ✨ push() - 在尾部插入新项 ✨ pop() - 在尾部删除 ✨ unshift() - 在头部插入新项 ✨ shift() - 在头部删除 🌟 splice() - 替换数组中的指定项 🌟 slice() - 截取得到子数组继上一章节我们学习 JavaScript 「数组」的相关知识之后 ，该章节我们来学习一下数组的常用方法 。
🌟 数组的头尾操作方法
数组的头尾操作方法：
方法 描述 push() 在尾部插入新项 pop() 在尾部删除 unshift() 在头部插入新项 shift() 在头部删除✨ push() - 在尾部插入新项
push就是“推 ”的意思 ，可以将数组想象成一个弹匣 ，push()就是在弹匣尾部“推 ”入一颗子弹 。
如果要推入多项 ，用逗号隔开
调用push()方法后 ，数组会立即改变 ，不需要赋值
push()差不多是最常用的一个方法了 ，编程时常常用它来往数组尾部插入新项 。
示例代码：
var arr = [11, 22, 33, 44]; //往数组尾部推入新项 arr.push(55); arr.push(66, 77, 88);✨ pop() - 在尾部删除
pop()方法用来删除数组中的最后一项 ，还是将数组想象成一个弹匣 ，pop是“弹出 ”的意思 ，就是将弹匣尾部“弹出 ”一颗子弹 。
注意：pop()方法不仅会删除数组末项 ，还会返回被删除的项
示例代码：
var arr = [11, 22, 33, 44]; //删除数组的末项 arr.push(); //pop()还会返回被删除的项 ，可以用变量“接收 ”返回值 var item = arr.pop(); console.log(arr); console.log(item);✨ unshift() - 在头部插入新项
unshift()用来在数组头部插入新项 ，参数就是插入的项
如果要插入多项 ，可以用逗号隔开
调用unshift()方法后 ，数组会立即改变 ，不需要赋值
和push()方法非常类似
示例代码：
var arr = [11, 22, 33, 44]; //在数组头部插入新项 arr.unshift(0); arr.unshift(-33, -22, -11); console.log(arr);✨ shift() - 在头部删除
shift()方法用来删除数组中的首项 ，即下标为0的项
注意：shift()方法不仅会删除数组第一项 ，还会返回被删除的项
和pop()方法非常类似
示例代码：
var arr = [11, 22, 33, 44]; //删除数组的首项 arr.shift(); //shift()还会返回被删除的项 ，可以用变量“接收 ”返回值 var item = arr.shift(); console.log(arr); console.log(item);🌟 splice() - 替换数组中的指定项
splice()方法有很多功能 ，所以有人也叫它为“多功能方法 ”
基本功能：替换数组中的指定项
示例代码：
var arr = [A, B, C, D, E, F]; //替换数组中的B 、C两项为：x 、y 、z arr.splice(1, 2, x, y, z); console.log(arr);splice()方法也可以用来在指定位置插入新项：只需要将跨度设置为0即可
示例代码：
var arr = [0, 1, 2, 3, 4, 5]; //在2后面插入2.1 ，2.2 ，2.3 ，2.4 arr.splice(3, 0, 2.1, 2.2, 2.3, 2.4); console.log(arr);splice()方法也可以用来删除指定项：“跨度 ”写成删除的项的个数 ，而且不写替换的项
示例代码：
var arr = [python, c, js, java, css, html, php]; //删除“乱入 ”的两个非后端语言 arr.splice(4, 2); console.log(arr);splice()方法会用数组的形式返回被删除/被替换的项 ，如果是纯插入 ，也会返回一个空数组
示例代码：
var arr = [python, c, js, java, css, html, php]; var item = arr.splice(4, 2); //返回[css, html] console.log(arr, item);🌟 slice() - 截取得到子数组
slice()用于得到子数组 ，类似于字符串的slice()方法
slice(a, b)截取的子数组从下标为a的项开始 ，到下边为b(但不包括下标为b的项)结束 。
注意：slice()方法不会更改原数组 ，而是会返回截取的子数组
slice()方法可以不提供第二个参数 ，表示从指定项开始截取后面所有的项
slice()方法的参数允许为负数 ，表示数组的倒数第几项
示例代码：
var arr = [A, B, C, D, E, F]; var item_1 = arr.slice(2, 4); //截取下标为2~4的项作为子数组返回 ，不包括4 var item_2 = arr.slice(2); //截取下标为2~最后一个的项作为子数组返回 var item_3 = arr.slice(-3, -1); //截取倒数第3~倒数第1项为子数组返回 ，不包括倒数第1创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！