老生常谈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 for循环设法提高性能
Feb 24 Javascript
jQuery写fadeTo示例代码
Feb 21 Javascript
js中document.write的那点事
Dec 12 Javascript
jQuery动态效果显示人物结构关系图的方法
May 07 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
Jul 27 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
vue.js 上传图片实例代码
Jun 22 Javascript
详解用Node.js写一个简单的命令行工具
Mar 01 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 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
thinkphp配置连接数据库技巧
2014/12/02 PHP
php文件压缩之PHPZip类用法实例
2015/06/18 PHP
PHP之密码加密的几种方式
2015/07/29 PHP
PHP随机数函数rand()与mt_rand()的讲解
2019/03/25 PHP
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
2013/03/19 Javascript
javascript 闭包详解
2015/02/15 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
微信小程序 网络API发起请求详解
2016/11/09 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
ES6中的Promise代码详解
2017/10/09 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
2018/01/16 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
JS实现关键词高亮显示正则匹配
2018/06/22 Javascript
vue 中引用gojs绘制E-R图的方法示例
2018/08/24 Javascript
JS实现吸顶特效
2020/01/08 Javascript
python3生成随机数实例
2014/10/20 Python
python计算方程式根的方法
2015/05/07 Python
Python线程指南详细介绍
2017/01/05 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
python实现日志按天分割
2019/07/22 Python
如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱
2019/11/19 Python
使用python写一个自动浏览文章的脚本实例
2019/12/05 Python
Python中and和or如何使用
2020/05/28 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
创意爱尔兰礼物:Creative Irish Gifts
2020/01/29 全球购物
离婚协议书范本(2014版)
2014/09/28 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS
浅谈redis整数集为什么不能降级
2021/07/25 Redis