老生常谈JavaScript数组的用法


Posted in Javascript onJune 10, 2016

JavaScript数组简介

JavaScript中的数组与其他语言中的数组是不同的,主要体现在:

数组中存储的各项可以是不同类型的数据

数组的大小是动态变化的,当新增项时或移除项时可以动态的改变大小来容纳当前数据项

在JavaScript中创建数组

在JavaScript中创建数组有两种方式:

其一:调用数组的构造函数

var a = new Array(3);//创建一个长度为3的数组

var a = new Array(1,2,3)//创建一个数组内容为1,2,3的数组

另外,通过构造函数创建数组时也可以省略new 关键字,效果与带new相同

其二:使用字面值法创建(使用这种方法创建数组不会调用数组的构造方法)

Var a = [1,2,3]

判断一个对象是否为数组

在JavaScript中判断一个对象是否是数组有两种方法:

老生常谈JavaScript数组的用法

JavaScript数组的属性与方法

Length属性

在JavaScript中数组的length属性返回数组的长度,该属性既可以读亦可以写

length-i: 将数组从后往前删除i个元素

length+i: 在数组的尾部增加i个元素(未初始化前均为underfine)

栈方法

Push方法:

老生常谈JavaScript数组的用法

Pop方法:

数组非Pop方法返回数组中的最后一项(注意:只是返回最后一项而不影响原数组)

老生常谈JavaScript数组的用法

队列方法

Shift方法: 移除数组的第一项并返回,同时使数组的长度减1

老生常谈JavaScript数组的用法

结合使用push()和 shift()方法,便可以像队列一样的操作数组

Unshift方法:在数组的前端添加任意个项并返回数组的长度

老生常谈JavaScript数组的用法

结合使用unshift()和pop()方法可以像操作反向队列似得操作数组

数组的排序方法

Sort方法对数组进行排序(按照ASCII码表)

老生常谈JavaScript数组的用法

此外还可以为sort()还可以指定一个比较函数

老生常谈JavaScript数组的用法

倒序排列函数reverse():

老生常谈JavaScript数组的用法

不调用reverse,手动实现倒序排列:

老生常谈JavaScript数组的用法

操作方法

concat()方法:如果没有参数则返回当前数组的副本,如果参数是一个数组,则将参数数组中的每一项都添加到当前数组副本的末尾,然后返回该副本,如果参数不是数组,则将参数添加到当前数组副本的末尾并返回该副本

老生常谈JavaScript数组的用法

slice()方法:将当前数组中的一项或多项作为一个新数组返回(不影响当前原数组)

老生常谈JavaScript数组的用法

splice()方法:(注意:该方法在原数组操作)

老生常谈JavaScript数组的用法

位置方法indexof()和lastindexof()

Indexof(startindex,item):在当前数组中startindex(如果没有startindex则从头开始搜索)从前往后搜素item,并返回第一个item的索引,如果没有查询到item则返回-1

Lastindexof(startindex,item):用法同indexof,但是从后往前搜索

减少方法

reduce和reduceright:

reduce(callback,缩小基础的初始值(可选)),回调函数可以接受四个参数(pre,cur,index,arr),分别表示前一个值、当前值、项索引,数组对象,这个函数的返回结果自动作为参数传递给下一项

reduceright()用法同reduece,但reduceright是从后往前迭代的

老生常谈JavaScript数组的用法

迭代方法

老生常谈JavaScript数组的用法

以上这篇老生常谈JavaScript数组的用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript MD4
Dec 20 Javascript
jQuery AJAX回调函数this指向问题
Feb 08 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 Javascript
用Jquery.load载入页面实现局部刷新
Jan 22 Javascript
javascript屏蔽右键代码
May 15 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
Mar 10 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
Jul 07 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
JS对日期操作封装代码实例
Nov 08 Javascript
js中复选框的取值及赋值示例详解
Oct 18 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 #Javascript
jQuery学习心得总结(必看篇)
Jun 10 #Javascript
修改js confirm alert 提示框文字的简单实例
Jun 10 #Javascript
由简入繁实现Jquery树状结构的方法(推荐)
Jun 10 #Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 #Javascript
关于网页中的无缝滚动的js代码
Jun 09 #Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 #Javascript
You might like
如何在PHP中使用Oracle数据库(5)
2006/10/09 PHP
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
php调用mysql数据 dbclass类
2011/05/07 PHP
php5.3 goto函数介绍和示例
2014/03/21 PHP
php_screw安装使用教程(另一个PHP代码加密实现)
2014/05/29 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
wordpress安装过程中遇到中文乱码的处理方法
2015/04/21 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
Thinkphp 框架扩展之应用模式实现方法分析
2020/04/27 PHP
form中限制文本字节数js代码
2007/06/10 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
js实现C#的StringBuilder效果完整实例
2015/12/22 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
2016/07/22 Javascript
JS给swf传参数的实现方法
2016/09/13 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
vue 项目build错误异常的解决方法
2019/04/22 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
Python内置类型性能分析过程实例
2020/01/29 Python
深入浅析Python 函数注解与匿名函数
2020/02/24 Python
python开发实例之python使用Websocket库开发简单聊天工具实例详解(python+Websocket+JS)
2020/03/18 Python
Python 3.10 的首个 PEP 诞生,内置类型 zip() 迎来新特性(推荐)
2020/07/03 Python
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
存储过程的优缺点是什么
2015/01/10 面试题
材料物理专业大学毕业生求职信
2013/10/15 职场文书
大学生简短的自我评价分享
2014/02/20 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
募捐感谢信
2015/01/22 职场文书
培训班开班主持词
2015/07/02 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server