JS二维数组学习之怎样在头顶部或尾端插进原素?

lxf2023-03-10 20:15:01

在上一篇文章《JS数组学习之一维和二维数组的创建和访问》中,大家阐述了二维数组建立的多种方法。即然拥有二维数组,我们就应该实际操作二维数组,而比较常见的实际操作便是加上删除数组元素。此次我们先来为大家介绍插进数组元素这几种方法,后再为大家介绍删掉数组元素的办法。

加上数组元素有多种形式:还可以在二维数组开始或结尾加上,还可以根据数组下标在随意部位加上。下面我们就首先来给大家介绍一下怎样在二维数组开始或结尾插进原素。

在二维数组开始插进原素

在JavaScript中,我们可以使用unshift()函数公式来在二维数组开始插进原素,该函数公式能够将一个或多个变量值额外到二维数组的头部:

array.unshift(原素1, 原素2, ..., 原素X)

第 1 个主要参数 原素1 为二维数组一个新的原素 0,第 2 个主要参数 原素2 给新元素 1,依此类推,最终回到添加元素后数组长度。

我们可以通过下边的事例来详细看一下:

var a = [0];  //定义数组
console.log(a);  //回到[0]

a.unshift(1,2);  //一次性提升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二维数组开头按序插进2个标值1、2;应用a.unshift(1)在a二维数组开头插进标值1,又在这个基础上应用a.unshift(2)在开始(即标值1前)插进标值2。因而输出结果为:

JS二维数组学习之怎样在头顶部或尾端插进原素?

在二维数组结尾插进原素

在JavaScript中,我们可以使用push()或是concat() 方式来在二维数组尾端插进原素。下边一一介绍一下:

1、应用push()方式

push()方式能够将一个或多个变量值额外到二维数组的尾端,并回到添加元素后数组长度。

array.push(原素1, 原素2, ..., 原素X)

我们可以通过下边的事例来详细看一下:

var a = [0];  //定义数组
console.log(a);  //回到[0]

a.push(1,2);  //一次性提升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二维数组的尾端按序插进2个标值1、2;应用a.push(1)在a二维数组的尾端插进标值1,又在这个基础上应用a.push(2)在尾端(即标值1后)插进一个标值2。因而输出结果为:

JS二维数组学习之怎样在头顶部或尾端插进原素?

2、应用concat() 方式

1)、concat() 方法来联接2个或几个二维数组,会把做为参数一个或多个二维数组元素加上在指定二维数组的尾端。

var a = [1,2,3];
var b = [4, 5, 6];
var c = [7,8];
var d = a.concat(b,c);
console.log(d);

concat() 方式能把做为参数一维数组打撒,各自做为独立元素传送到二维数组的尾端。因而输出结果为:

JS二维数组学习之怎样在头顶部或尾端插进原素?

但concat() 方式不可以所有打撒二维数组,只能把二维数组涉及到的一维原素传送到二维数组的尾端

var a = [1,2,3,4,5];  
var b = [[1,2,3], [4,5]];
var c = [[1,2,3], 3];
var d = a.concat(b,c);
console.log(d);

JS二维数组学习之怎样在头顶部或尾端插进原素?

2)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]

输出结果为:

JS二维数组学习之怎样在头顶部或尾端插进原素?

表明:concat() 方式将建立并回到一个新二维数组,不要在原先的前提下加上现代元素;但unshift()方式会在原有二维数组前提下添加元素。

好啦,就说到这儿了,有需求的能看:javascript高级教程

以上就是关于JS二维数组学习之怎样在头顶部或尾端插进原素?的具体内容,大量欢迎关注AdminJS其他类似文章!