热门标签 | 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);

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


推荐阅读
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 开发笔记:加密&json&StringIO模块&BytesIO模块
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • 从零学Java(10)之方法详解,喷打野你真的没我6!
    本文介绍了从零学Java系列中的第10篇文章,详解了Java中的方法。同时讨论了打野过程中喷打野的影响,以及金色打野刀对经济的增加和线上队友经济的影响。指出喷打野会导致线上经济的消减和影响队伍的团结。 ... [详细]
  • 闭包一直是Java社区中争论不断的话题,很多语言都支持闭包这个语言特性,闭包定义了一个依赖于外部环境的自由变量的函数,这个函数能够访问外部环境的变量。本文以JavaScript的一个闭包为例,介绍了闭包的定义和特性。 ... [详细]
  • 模板引擎StringTemplate的使用方法和特点
    本文介绍了模板引擎StringTemplate的使用方法和特点,包括强制Model和View的分离、Lazy-Evaluation、Recursive enable等。同时,还介绍了StringTemplate语法中的属性和普通字符的使用方法,并提供了向模板填充属性的示例代码。 ... [详细]
  • 电话号码的字母组合解题思路和代码示例
    本文介绍了力扣题目《电话号码的字母组合》的解题思路和代码示例。通过使用哈希表和递归求解的方法,可以将给定的电话号码转换为对应的字母组合。详细的解题思路和代码示例可以帮助读者更好地理解和实现该题目。 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • PHP中的单例模式与静态变量的区别及使用方法
    本文介绍了PHP中的单例模式与静态变量的区别及使用方法。在PHP中,静态变量的存活周期仅仅是每次PHP的会话周期,与Java、C++不同。静态变量在PHP中的作用域仅限于当前文件内,在函数或类中可以传递变量。本文还通过示例代码解释了静态变量在函数和类中的使用方法,并说明了静态变量的生命周期与结构体的生命周期相关联。同时,本文还介绍了静态变量在类中的使用方法,并通过示例代码展示了如何在类中使用静态变量。 ... [详细]
  • 不同优化算法的比较分析及实验验证
    本文介绍了神经网络优化中常用的优化方法,包括学习率调整和梯度估计修正,并通过实验验证了不同优化算法的效果。实验结果表明,Adam算法在综合考虑学习率调整和梯度估计修正方面表现较好。该研究对于优化神经网络的训练过程具有指导意义。 ... [详细]
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社区 版权所有