JavaScript实现数组元素增减的方法示例
任务描述
本关任务:掌握数组元素增减的方法。
相关知识
数组元素的增删是JavaScript
的一个特点,因为其他很多编程语言的数组是不允许增加或者删除元素的。
数组元素的增加
在JavaScript
中,为数组增加元素可以在数组头部(索引最小处)或者尾部进行,可以使用数组的方法或者直接使用运算符。
在尾部添加元素
最直观的方法是直接给当前尾部元素的后一个位置赋值。
var numberArray = [12,23,34,45]; numberArray[numberArray.length] = 56; console.log(numberArray);//输出[12,23,34,45,56]
第二种方法是使用push()
函数,往数组的末尾添加一个或多个元素,参数是要添加的元素,返回数组长度。
//利用push()方法在数组尾部添加元素 var numberArray = [12,23,34,45]; var newLength = numberArray.push(56); console.log(newLength);//输出5 console.log(numberArray);//输出[12,23,34,45,56]
在头部添加元素
unshift()
方法在数组的头部添加元素,并返回数组新的长度,其余元素自动向索引大的方向移动。
var sArray = ["ja","va","script"]; var newLength = sArray.unshift("he","llo"); console.log(newLength)//输出5 console.log(sArray);//输出["he","llo","ja","va","script"];
数组元素的删除
删除也能在数组头部(索引值小)或者尾部进行。
在尾部删除元素
上一关介绍过一种方法:直接修改数组长度为更小的值。
var array = [1,2,true,"hello"]; array.length = 3;//索引最大的元素被删除 console.log(array);//输出[1,2,true]
第二种方法是使用delete
运算符。delete
运算符后接要删除的元素,但是删除后,会有一个空占位符,所以数据的长度保持不变。如:
var dArray = [11,22,33,44,55]; delete dArray[4];//删除索引最大的元素 console.log(dArray);//输出[11,22,33,44] console.log(dArray.length); //长度为5
第三种方法是使用pop()
,一次删除一个,并返回被删除的元素。
//利用pop()方法在数组尾部删除元素 var numberArray = [3,4,5,6,7]; var deletedNumber = numberArray.pop(); console.log(deletedNumber);//输出被删除的元素7 console.log(numberArray);//删除后的数组为[3,4,5,6]
在头部删除元素
有unshift()
,自然有shift()
,shift()
的作用是删除数组头部一个元素并返回该元素,然后所有元素往索引值小的方向移动一位。
初学者很容易混淆这两个方法,建议记住shift
单词的意思是:删除,去掉。
var dArray = [11,22,33,44,55]; console.log(dArray.shift());//输出11,11被从数组中删除 console.log(dArray);//输出[22,33,44,55]
编程要求
本关的编程任务是补全右侧代码片段中begin
至end
中间的代码,具体要求如下:
将数组
testArray
的最后a
个元素移动到最前面,这a
个元素之间的相对位置不变,其余元素之间的相对位置不变;比如将数组
[1,2,3,4,5]
最后2
个元素移动到最前面,数组变为[4,5,1,2,3]
;返回移动结束后数组在索引
b
处的元素;
var testArray = [12,"java","js","c","c++",24,36,"python","c#","css"]; function mainJs(a,b) { a = parseInt(a); b = parseInt(b); //请在此处编写代码 /*********begin*********/ for (var i = 1; i <= a; i++){ testArray.unshift(testArray.pop()); } return testArray[b]; /*********end*********/ }
到此这篇关于JavaScript实现数组元素增减的方法示例的文章就介绍到这了,更多相关JavaScript数组元素增减内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
js完美解决IE6不支持position:fixed的bug
关于IE6,虽然它已被微软抛弃很久了,但是由于大天朝的特殊行情(盗版)对于前端工程师来说,解决IE6兼容position:fixed的问题显得很重要。特别是你需要用到头尾悬停调用的时候2015-04-04js提示框替代系统alert,自动关闭alert对话框的实现方法
下面小编就为大家带来一篇js提示框替代系统alert,自动关闭alert对话框的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11JavaScript中window和document用法详解
这篇文章主要介绍了JavaScript中window和document用法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-07-07
最新评论