老生常谈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 相关文章推荐
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
jquery的幻灯片图片切换效果代码分享
Sep 07 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
详解jQuery停止动画——stop()方法的使用
Dec 14 Javascript
Bootstrap选项卡学习笔记分享
Feb 13 Javascript
JQuery 又谈ajax局部刷新
Nov 27 jQuery
layui table复选框禁止某几条勾选的实例
Sep 20 Javascript
Vue引入Stylus知识点总结
Jan 16 Javascript
详解jQuery的核心函数和事件处理
Feb 18 jQuery
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
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
PHP Token(令牌)设计
2008/03/15 PHP
PHP学习之数组的定义和填充
2011/04/17 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
如何使用php等比例缩放图片
2016/10/12 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
jquery里的each使用方法详解
2010/12/22 Javascript
Js点击弹出下拉菜单效果实例
2013/08/12 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
2015/01/23 Javascript
JS实现单行文字不间断向上滚动的方法
2015/01/29 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
基于Vue过渡状态实例讲解
2017/09/14 Javascript
vue-router中的hash和history两种模式的区别
2018/07/17 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
2018/09/26 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
全面了解python字符串和字典
2016/07/07 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
python实例化对象的具体方法
2020/06/17 Python
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
Skyscanner新西兰:全球领先的旅游搜索网站
2019/08/26 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
大学生文员专业个人求职信范文
2014/01/05 职场文书
元旦活动感言
2014/03/08 职场文书
安全责任书范本
2014/04/15 职场文书
服务之星事迹材料
2014/05/03 职场文书
奥林匹克的口号
2014/06/13 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
公司踏青活动方案
2014/08/16 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
新闻稿件写作技巧
2015/07/18 职场文书
工作会议简报
2015/07/20 职场文书