老生常谈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 相关文章推荐
在网页中控制wmplayer播放器
Jul 01 Javascript
再论Javascript下字符串连接的性能
Mar 05 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
Jul 04 Javascript
jQuery基于muipicker实现仿ios时间选择
Feb 22 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 Javascript
javascript表单正则应用
Feb 04 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
Mar 07 Javascript
js实现登录时记住密码的方法分析
Apr 05 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 无限分类三种方式 非函数的递归调用!
2011/08/26 PHP
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
详解WordPress中用于合成数组的wp_parse_args()函数
2015/12/18 PHP
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
2016/02/16 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
2017/03/09 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
2020/11/24 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
python实现dict版图遍历示例
2014/02/19 Python
Python中的localtime()方法使用详解
2015/05/22 Python
详解Python发送邮件实例
2016/01/10 Python
NumPy 如何生成多维数组的方法
2018/02/05 Python
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
python中str内置函数用法总结
2020/12/27 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
关键字final的用法
2013/10/02 面试题
应届毕业生求职信范文
2013/12/18 职场文书
办理退休介绍信
2014/01/09 职场文书
男方父母婚礼答谢词
2014/01/25 职场文书
公积金贷款承诺书
2015/04/30 职场文书
婚庆司仪开场白
2015/05/29 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
《艾尔登法环》发布最新「战技」宣传片
2022/04/03 其他游戏
python单向链表实例详解
2022/05/25 Python
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技