JS二维数组学习之依据数组下标添加元素

lxf2023-03-10 19:58:01

在上一篇文章《JS数组学习如何在头部或尾部插入元素?》中,大家阐述了在二维数组开始或末尾添加元素的三种方法。此次我们再去了解加上数组元素的办法,介绍一下怎么根据数组下标来添加元素,感兴趣的朋友可以学习了解一下~

二维数组中的每个原素都有一个编号,这一编号从0逐渐开始,被称作字符(Index)。数组的下标是很重要的,运用字符我们能浏览数组元素,仅需指出字符就可以,方式为:数组名[字符检索]。例:

a[0]  //表明第0个原素
a[3]  //表明第3个因素

运用字符我们还可以插进原素,下面来实际介绍一下。

我们可以使用 数组名[下数值] = 原素值 的方式在二维数组特定字符部位加上现代元素

var a = [1,2,3];  //定义数组
a[3] = 4;  //为二维数组添加一个原素
console.log(a);  //回到[1,2,3,4]

看一下输出结果:

JS二维数组学习之依据数组下标添加元素

但是应用此方法时,必须 特定的后数值 >= 原数组的长度,那么就会在原有二维数组的尾端加上现代元素

var a = [1,2,3];  //定义数组
a[4] = 4;  //为二维数组添加一个原素
console.log(a);

看一下输出结果:

JS二维数组学习之依据数组下标添加元素

假如低于原数组的长度,就不是加上现代元素了,就会变成更换原素

var a = [1,2,3];  //定义数组
a[1] = 4;  //为二维数组添加一个原素
console.log(a);

看一下输出结果:

JS二维数组学习之依据数组下标添加元素

应用 数组名[下数值] = 原素值 的方式必须要在二维数组特定字符部位添加一个现代元素;所以想要在规定字符部位插进一个或多个原素要怎么做呢?

我们可以使用 splice() 方式。splice()是一个强悍的方式,不但可以删掉数组元素,还可以添加数组元素,还可以更换数组元素。

今天我们就来聊一聊 splice() 方式加上数组元素的功效。

array.splice(index,howmany,item1,.....,itemX)第1个主要参数index为特定开始字符部位;第2个主要参数howmany特定应当删除掉原素数量,当值设为0时,便会不执行删掉实际操作;那样就可以用第3个及后边主要参数item1,.....,itemX来插进一个或多个原素。

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

var a = [1,2,3,4,5];
a.splice(1,0,"hello");
console.log(a);

能够得知:应用a.splice(1,0,"hello")在字符1位置(即二维数组第1个元素位置后)插进一个元素"hello",因而输出结果为:

JS二维数组学习之依据数组下标添加元素

var a = [1,2,3,4,5];
a.splice(2,0,"hello","hi",8);
console.log(a);

能够得知:应用a.splice(2,0,"hello","hi",8)在字符2位置(即二维数组第2个元素位置后)插进好几个原素"hello"、"hi"、8,因而输出结果为:

JS二维数组学习之依据数组下标添加元素

应用splice() 方式大家也可以实现在二维数组开始或是末尾添加元素:

var a = [1,2,3,4,5];
a.splice(0,0,"hello");
a.splice(a.length,0,"hi");
console.log(a);

如果你想要在二维数组开始添加元素,就设定此方法第1个主要参数index数值为0就可以;如果你想要在二维数组结尾添加元素,就设定此方法第1个主要参数index数值为 数组长度 就可以,数组长度可以用a.length来获得。

我们来看一下输出结果:

JS二维数组学习之依据数组下标添加元素

使用的数组元素能是单独值,还可以是一个二维数组:

var a = [1,2,3,4,5];
a.splice(5,0,[6,7,8,9]);
console.log(a);

输出结果:

JS二维数组学习之依据数组下标添加元素

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

以上就是关于JS二维数组学习之依据数组下标添加元素的具体内容,大量欢迎关注AdminJS其他类似文章!