189 8069 5689
本篇内容主要讲解“JS如何在头部或尾部插入元素”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JS如何在头部或尾部插入元素”吧!
成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都做网站、成都网站设计、新兴网络推广、重庆小程序开发公司、新兴网络营销、新兴企业策划、新兴品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供新兴建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com
添加数组元素有多种方式：可以在数组开头或末尾添加，也可以根据数组下标在任意位置添加。今天我们就先来给大家介绍一下如何在数组开头或末尾插入元素。
在数组开头插入元素
在JavaScript中，我们可以使用unshift()函数来在数组开头插入元素，该函数能够把一个或多个参数值附加到数组的头部：
array.unshift(元素1, 元素2, ..., 元素X)
第 1 个参数 元素1 为数组新的元素 0，第 2 个参数 元素2 为新的元素 1，以此类推，最后返回添加元素后的数组长度。
我们通过下面的例子来具体看看：
var a = [0]; //定义数组 console.log(a); //返回[0] a.unshift(1,2); //一次性增加两个元素 console.log(a); //返回[1,2,0] var a = [0]; a.unshift(1); //增加元素1 a.unshift(2); //增加元素2 console.log(a); //返回[2,1,0]
可以看出：我们使用a.unshift(1,2)来在a数组的开头按顺序插入两个数值1、2；使用a.unshift(1)在a数组的开头插入数值1，又在此基础上使用a.unshift(2)在开头（即数值1前）插入数值2。因此输出结果为：
在数组末尾插入元素
在JavaScript中，我们可以使用push()或者concat() 方法来在数组尾部插入元素。下面一一介绍一下：
1、使用push()方法
push()方法能够把一个或多个参数值附加到数组的尾部，并返回添加元素后的数组长度。
array.push(元素1, 元素2, ..., 元素X)
我们通过下面的例子来具体看看：
var a = [0]; //定义数组 console.log(a); //返回[0] a.push(1,2); //一次性增加两个元素 console.log(a); //返回[0,1,2] var a = [0]; a.push(1); //增加元素1 a.push(2); //增加元素2 console.log(a); //返回0,1,2]
可以看出：我们使用a.push(1,2)在a数组的尾部按顺序插入两个数值1、2；使用a.push(1)在a数组的尾部插入数值1，又在此基础上使用a.push(2)在尾部（即数值1后）插入一个数值2。因此输出结果为：
3、使用concat() 方法
concat() 方法可以连接两个或多个数组
var a = [1,2,3]; var b = [4, 5, 6]; var c = [7,8]; var d = a.concat(b,c); console.log(d);
concat() 方法会把作为参数的一维数组打散（二维数组就不行了），分别作为单独的元素连接到数组的尾部。因此输出结果为：
也可以使用concat() 方法来插入给定的一个或多个元素，能够把传递的所有参数按顺序添加到数组的尾部。
var a = [1,2,3,4,5]; //定义数组 var b = a.concat(6,7,8); //为数组a连接3个元素 console.log(b); //返回[1,2,3,4,5,6,7,8]
输出结果为：
说明：concat() 方法将创建并返回一个新数组，而不是在原来的基础上添加新元素；但unshift()方法会在原数组基础上添加元素。
到此，相信大家对“JS如何在头部或尾部插入元素”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！