位置: IT常识 - 正文
〖大前端 - 基础入门三大核心之JS篇㉔〗- JavaScript 的数组的常用方法 (一)(大前端最新)
发布时间：2024-01-14推荐整理分享〖大前端 - 基础入门三大核心之JS篇㉔〗- JavaScript 的数组的常用方法 (一)(大前端最新)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:大前端2021,大前端包括啥,大前端需要掌握什么技能,大前端课程,大前端课程,前端 大前端,大前端课程,大前端入门指南,内容如对您有帮助，希望把文章链接给更多的朋友！
继上一章节我们学习 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.4arr.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的项作为子数组返回，不包括4var item_2 = arr.slice(2);//截取下标为2~最后一个的项作为子数组返回var item_3 = arr.slice(-3, -1);//截取倒数第3~倒数第1项为子数组返回，不包括倒数第1上一篇：【凯斯西储大学数据集介绍（CWRU）】(凯斯西储大学在哪个城市)
下一篇：杭州西湖的古典中国园林 (© DANNY HU/Getty Images)(杭州西湖古风)
