老生常谈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函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
May 08 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
js正则表达式中test,exec,match方法的区别说明
Jan 29 Javascript
每天一篇javascript学习小结(Function对象)
Nov 16 Javascript
javascript下使用Promise封装FileReader
Feb 19 Javascript
学JavaScript七大注意事项【必看】
May 04 Javascript
JavaScript_object基础入门(必看篇)
Jun 13 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
Jun 11 Javascript
webpack打包多页面的方法
Nov 30 Javascript
uniapp与webview之间的相互传值的实现
Jun 29 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编程实现获取excel文档内容的代码实例
2011/06/28 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
php 购物车完整实现代码
2014/06/05 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
PHP 7.1中AES加解密方法mcrypt_module_open()的替换方案
2017/10/17 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
jQuery 处理页面的事件详解
2015/01/20 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
JS实现在状态栏显示打字效果完整实例
2015/11/02 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
react的hooks的用法详解
2020/10/12 Javascript
python检测是文件还是目录的方法
2015/07/03 Python
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
flask中主动抛出异常及统一异常处理代码示例
2018/01/18 Python
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
Django数据库连接丢失问题的解决方法
2018/12/29 Python
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
护理专业毕业生自荐信范文
2014/01/05 职场文书
新郎父亲婚宴答谢词
2014/01/11 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
梅花魂教学反思
2014/04/25 职场文书
先进员工获奖感言
2014/08/14 职场文书
领导干部作风建设剖析材料
2014/10/11 职场文书
先进员工事迹材料
2014/12/20 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
入党介绍人意见2015
2015/06/01 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers