本篇内容主要讲解“JS如何在头部或尾部插入元素”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS如何在头部或尾部插入元素”吧!
添加数组元素有多种方式:可以在数组开头或末尾添加,也可以根据数组下标在任意位置添加。今天我们就先来给大家介绍一下如何在数组开头或末尾插入元素。
<强>在数组开头插入元素强>
在JavaScript中,我们可以使用平移()函数来在数组开头插入元素,该函数能够把一个或多个参数值附加到数组的头部:
array.unshift(元素1,元素2,…,,元素X)
第1个参数<代码>元素1> 代码为数组新的元素0,第2个参数<代码>元素2> 代码为新的元素,以此类推,最后返回添加元素后的数组长度。
我们通过下面的例子来具体看看:
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)> 代码来在一个数组的开头按顺序插入两个数值1,2,使用a.unshift(1)在数组的开头插入数值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)> 代码在一个数组的尾部按顺序插入两个数值1,2,使用<代码> a.push(1)> 代码在一个数组的尾部插入数值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),,,//为数组一个连接3个元素 console.log (b),,,//返回[1,2,3,4,5,6,7,8)
输出结果为:
说明:concat()方法将创建并返回一个新数组,而不是在原来的基础上添加新元素;但平移()方法会在原数组基础上添加元素。
到此,相信大家对“JS如何在头部或尾部插入元素”有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!