热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript数组及其常用方法(push、pop、shift···)

1.数组定义I.数组的定义有三种方式:(1)vara[](2)varanewArray();(3)vara[,,,,]访问元素:数组名+下标。(注:数组下标


1.数组定义

I. 数组的定义有三种方式:

(1)var a=[]

(2)var a=new Array();

(3)var a=['','','','','']

访问元素:数组名+下标。(注:数组下标从0开始,如果一个数组的长度为5,那么他最后一个元素的下标是4,而不是5,即范围为【0,4】)

例如:a[0]访问的是数组a的第一个元素。

数组的本质:一组变量的集合,或者说是一组内存单元,只不过对于变量的

II.数组的相关属性

(1)length:数组名.length 可以获取数组的长度,也可以通过该属性定义数组的长度。

实例:
var a=new Array();
a[0]=1;
a[1]=2;
a[2]=3;
a[3]=4;
a[4]=5;
a.length=4; //定义数组长度为4;
alert(a.length) //获取数组长度

III.数组的常用方法

(1)shift(): 删除数组第一个元素,返回值为数组长度。

实例:
var array=[5,6,7,2,1,3,9];
array.shift(); //删除数组第一个元素,返回值为新数组长度
alert(array.shift())
(2)unshift(): 在数组的开头添加元素。

实例:
var array=['red','blue','green','yellow'];
array.unshift('black','white'); //数组开头添加元素
alert(array);
(3)indexof(): 检索所选元素在数组中首次出现的位置,并返回下标值

实例:
var String=['我','是','人','是','一','个','大','好','人'];
alert(String.indexOf('人')); //检索所选元素在数组中首次出现的位置,并返回下标值
alert(String);
(4)lastIndexof(): 检索所选元素在数组中最后出现的位置,并返回下标值。

实例:
var String=['我','是','人','是','一','个','大','好','人'];
alert(String.lastIndexOf('人')) //检索所选元素在数组中最后出现的位置,并返回下标值
alert(String);
(5)slice(): 从数组中选择元素。

实例:
var fruit=new Array('apple','orange','banana','pear');
var New=fruit.slice(1,3); //截取数组下标1-3之间的元素并返回元素,包左不包右
alert(New);
(6)splice(): 删除数组内任意项 ;在指定位置插入指定的项;替换数组内任意的项。




实例:
var fruit=new Array('apple','orange','banana','pear');
fruit.splice(1,2) //指定位置删除元素,第一个值为要删除元素的起始下标,第二个值为要删除的项数;
alert(fruit);

//插入
var food=new Array('rice','vegetables','meat','soup');
food.splice(1,0,'apple','orange','banana')
alert(food);

//splice()替换: 数组名.splice(起始下标,要删除的项数,要插入的项)
(7)reverse(): 将数组元素逆序输出。

实例:
var food=new Array(5,8,2,6,1,2,7);
alert(food.reverse()); //将原数组元素逆序输出;
(8)push(): 在数组末尾增加新的元素,返回值为新数组的长度。

实例:
var array=new Array('1','3',5,7,9,'11',13)
array.push('World'); //在数组末尾增加新的元素,
alert(array.push());//返回值为新数组长度
alert(array);
(9)pop(): 删除数组末尾元素,返回值为被删除的元素。

实例:
var array=new Array('45',6,64,25,45,12,23,64,97);
var newArray=array.pop(); //删除数组末尾元素,
alert(array);
alert(newArray);//返回值是被删除的元素
(10)join(): 将数组的元素转化为字符串。

实例:
var fruit=new Array('apple','orange','banana','pear');
document.write(fruit.join()); //将数组元素组成字符串输出。
alert(fruit.join())
(11)concat(): 该方法用于将多个数组合并(注:需要定义一个新的变量来存储合并后的新数组,合并三个以上数组时,括号内用“,”隔开)。

实例:
var fruit=new Array('apple','orange','banana','pear'),
food=new Array('rice','vegetables','meat','soup');
var combine; //用于存储合并后的数组
combine= fruit.concat(food); //concat用于将多个数组合并,需要定义一个变量来存储合并后的数组,多个数组合并时,在concat()中用逗号隔开
alert(combine);
(12)map(): 对数组的每一个元素都调用一个方法,这个方法就是一个回调函数,该函数有三个参数值(value,index,self)。回调函数写在括号内,常常是匿名函数。

实例:
var a=[3,5,7,9,11]
a.map(function(value,index,self){
return value*value;
});
alert(a);

数组的方法还有好多,就不一一列举了,主要掌握常用的方法就行了,其他的不知道的可以上菜鸟网查,很方便的。


推荐阅读
  • 从零学Java(10)之方法详解,喷打野你真的没我6!
    本文介绍了从零学Java系列中的第10篇文章,详解了Java中的方法。同时讨论了打野过程中喷打野的影响,以及金色打野刀对经济的增加和线上队友经济的影响。指出喷打野会导致线上经济的消减和影响队伍的团结。 ... [详细]
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • 模板引擎StringTemplate的使用方法和特点
    本文介绍了模板引擎StringTemplate的使用方法和特点,包括强制Model和View的分离、Lazy-Evaluation、Recursive enable等。同时,还介绍了StringTemplate语法中的属性和普通字符的使用方法,并提供了向模板填充属性的示例代码。 ... [详细]
  • HashMap的相关问题及其底层数据结构和操作流程
    本文介绍了关于HashMap的相关问题,包括其底层数据结构、JDK1.7和JDK1.8的差异、红黑树的使用、扩容和树化的条件、退化为链表的情况、索引的计算方法、hashcode和hash()方法的作用、数组容量的选择、Put方法的流程以及并发问题下的操作。文章还提到了扩容死链和数据错乱的问题,并探讨了key的设计要求。对于对Java面试中的HashMap问题感兴趣的读者,本文将为您提供一些有用的技术和经验。 ... [详细]
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • Ihaveaworkfolderdirectory.我有一个工作文件夹目录。holderDir.glob(*)>holder[ProjectOne, ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 本文介绍了Redis的基础数据结构string的应用场景,并以面试的形式进行问答讲解,帮助读者更好地理解和应用Redis。同时,描述了一位面试者的心理状态和面试官的行为。 ... [详细]
  • 本文介绍了如何在给定的有序字符序列中插入新字符,并保持序列的有序性。通过示例代码演示了插入过程,以及插入后的字符序列。 ... [详细]
  • 不同优化算法的比较分析及实验验证
    本文介绍了神经网络优化中常用的优化方法,包括学习率调整和梯度估计修正,并通过实验验证了不同优化算法的效果。实验结果表明,Adam算法在综合考虑学习率调整和梯度估计修正方面表现较好。该研究对于优化神经网络的训练过程具有指导意义。 ... [详细]
  • 本文详细介绍了Java中vector的使用方法和相关知识,包括vector类的功能、构造方法和使用注意事项。通过使用vector类,可以方便地实现动态数组的功能,并且可以随意插入不同类型的对象,进行查找、插入和删除操作。这篇文章对于需要频繁进行查找、插入和删除操作的情况下,使用vector类是一个很好的选择。 ... [详细]
  • [大整数乘法] java代码实现
    本文介绍了使用java代码实现大整数乘法的过程,同时也涉及到大整数加法和大整数减法的计算方法。通过分治算法来提高计算效率,并对算法的时间复杂度进行了研究。详细代码实现请参考文章链接。 ... [详细]
  • 本文介绍了机器学习手册中关于日期和时区操作的重要性以及其在实际应用中的作用。文章以一个故事为背景,描述了学童们面对老先生的教导时的反应,以及上官如在这个过程中的表现。同时,文章也提到了顾慎为对上官如的恨意以及他们之间的矛盾源于早年的结局。最后,文章强调了日期和时区操作在机器学习中的重要性,并指出了其在实际应用中的作用和意义。 ... [详细]
  • 怎么在PHP项目中实现一个HTTP断点续传功能发布时间:2021-01-1916:26:06来源:亿速云阅读:96作者:Le ... [详细]
  • Android自定义控件绘图篇之Paint函数大汇总
    本文介绍了Android自定义控件绘图篇中的Paint函数大汇总,包括重置画笔、设置颜色、设置透明度、设置样式、设置宽度、设置抗锯齿等功能。通过学习这些函数,可以更好地掌握Paint的用法。 ... [详细]
author-avatar
我是个密_916
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有