老生常谈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 渐变下拉菜单
Dec 15 Javascript
JavaScript CSS修改学习第一章 查找位置
Feb 19 Javascript
一些经常会用到的Javascript检测函数
May 31 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
Nov 14 Javascript
javascript手工制作悬浮菜单
Feb 12 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
详解Angular系列之变化检测(Change Detection)
Feb 26 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
Sep 05 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 Javascript
webpack DllPlugin xxx is not defined解决办法
Dec 13 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 Javascript
详解JavaScript中的Object.is()与"==="运算符总结
Jun 17 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
咖啡与牛奶
2021/03/03 冲泡冲煮
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
php防止SQL注入详解及防范
2013/11/12 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
CI(CodeIgniter)框架配置
2014/06/10 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
HTML node相关的一些资料整理
2010/01/01 Javascript
jQuery 获取对象 定位子对象
2010/05/31 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
node.js中的socket.io的广播消息
2014/12/15 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
通过实例理解javascript中没有函数重载的概念
2015/06/03 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
2018/02/10 Javascript
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
重置Redux的状态数据的方法实现
2019/11/18 Javascript
详细介绍Python语言中的按位运算符
2013/11/26 Python
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
windows 下python+numpy安装实用教程
2017/12/23 Python
wxpython实现图书管理系统
2018/03/12 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
在python中计算ssim的方法(与Matlab结果一致)
2019/12/19 Python
Python object类中的特殊方法代码讲解
2020/03/06 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
Python txt文件常用读写操作代码实例
2020/08/03 Python
thinkphp5 路由分发原理
2021/03/18 PHP
大学生就业自荐信
2013/10/26 职场文书
家长通知书教师评语
2014/04/17 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
Python集合set()使用的方法详解
2022/03/18 Python
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python