JavaScript 中有关数组对象的方法(详解)


Posted in Javascript onAugust 15, 2016

JS 处理数组多种方法

js 中的数据类型分为两大类:原始类型和对象类型。

原始类型包括:数值、字符串、布尔值、null、undefined

对象类型包括:对象即是属性的集合,当然这里又两个特殊的对象----函数(js中的一等对象)、数组(键值的有序集合)。

数组元素的添加

arrayObj.push([item1 [item2 [. . . [itemN ]]]]);

将一个或多个新元素添加到数组结尾,并返回数组新长度

arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);

将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度

arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);

将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""

数组元素的删除

arrayObj.pop();

移除最后一个元素并返回该元素值

arrayObj.shift();

移除最前一个元素并返回该元素值,数组中元素自动前移

arrayObj.splice(deletePos,deleteCount);

删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

截取与合并

arrayObj.slice(start, [end]);

以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素

arrayObj.concat([item1[, item2[, . . . [,itemN]]]]);

将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

数组的拷贝

arrayObj.slice(0);

返回数组的拷贝数组,注意是一个新的数组,不是指向

arrayObj.concat();

返回数组的拷贝数组,注意是一个新的数组,不是指向

数组元素的排序

arrayObj.reverse();

反转元素(最前的排到最后、最后的排到最前),返回数组地址

arrayObj.sort();

对数组元素排序,返回数组地址

数组元素的插入

arrayObj.splice(insertPos,0, [item1[, item2[, . . . [,itemN]]]]);

从 insertPos 位置插入指定的item元素,0代表删除0个元素,返回空数组

数组元素的替换

arrayObj.splice(insertPos,replaceCount, [item1[, item2[, . . . [,itemN]]]]);

从 insertPos 位置删除 replaceCount 个元素,再从 insertPos 位置添加指定的item元素,数组形式返回被删除的元素

数组元素的位置

arrayObj.indexOf(findThing,start);

从要查找的起点(可选) start 开始向后找要查找的项 findThing ,找的准则是全等,找到则返回该值的位置,找不到则返回-1

arrayObj.lastIndexOf(findThing,number)

从要查找的起点(可选) start 开始向前找要查找的项 findThing ,找的准则是全等,找到则返回该值的位置,找不到则返回-1

数组元素的迭代

arrayObj.every()

对数组中的每一项运行给定的函数,如果该函数对每一项都返回 true ,则返回 true

arrayObj.filter()

对数组中的每一项运行给定的函数,返回该函数会返回 true 的项组成的数组

arrayObj.forEach()

对数组中的每一项运行给定的函数,这个方法没有返回值

arrayObj.map()

对数组中的每一项运行给定的函数,返回每次函数调用的结果组成的数组

arrayObj.some()

对数组中的每一项运行给定的函数,如果该函数对任一项返回 true ,则返回 true

数组元素的归并

arrayObj.reduce(prev, cur, index, array)

从数组的第一项开始,逐个便利到最后,四个参数分别为前一个值,当前值,项的索引和数组对象,函数返回的任何值会作为第一个参数自动传给下一项

000

arrayObj.reduceRight()

从数组的最后开始,逐个便利到第一项,四个参数分别为前一个值,当前值,项的索引和数组对象,函数返回的任何值会作为第一个参数自动传给下一项

数组元素的字符串化

arrayObj.join(separator);

返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。

toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

toSource() 返回该对象的源代码

toString() 把数组转换为字符串,并返回结果

toLocaleString() 把数组转换为本地数组,并返回结果

valueOf() 返回数组对象的原始值

ES5 新增

Array.prototype.indexOf

indexOf()方法返回在该数组中第一个找到的元素位置,如果它不存在则返回-1。

Array.prototype.lastIndexOf

Array.prototype.every

Array.prototype.some

Array.prototype.forEach

forEach为每个元素执行对应的方法

Array.prototype.map

map()对数组的每个元素进行一定操作(映射)后,会返回一个新的数组

map()是处理服务器返回数据时是一个非常实用的函数

Array.prototype.filter

该filter()方法创建一个新的匹配过滤条件的数组。

Array.prototype.reduce

reduce()可以实现一个累加器的功能,将数组的每个值(从左到右)将其降低到一个值

场景: 统计一个数组中有多少个不重复的单词

Array.prototype.reduceRight

以上这篇JavaScript 中有关数组对象的方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery的控件及事件(输入控件及回车事件)使用示例
Jul 25 Javascript
jQuery解决input超多的表单提交
Aug 10 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 Javascript
基于d3.js实现实时刷新的折线图
Aug 03 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
jquery获取transform里的值实现方法
Dec 12 jQuery
React中常见的动画实现的几种方式
Jan 10 Javascript
解决修复npm安装全局模块权限的问题
May 17 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
Aug 07 Javascript
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
在vue中实现清除echarts上次保留的数据(亲测有效)
Sep 09 Javascript
onmouseover事件和onmouseout事件全面理解
Aug 15 #Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 #Javascript
又一款js时钟!transform实现时钟效果
Aug 15 #Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 #Javascript
深入分析javascript中console命令
Aug 14 #Javascript
Vue.js 表单校验插件
Aug 14 #Javascript
Vue.js学习笔记之 helloworld
Aug 14 #Javascript
You might like
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
php session 写入数据库
2016/02/13 PHP
[原创]php实现数组按拼音顺序排序的方法
2017/05/03 PHP
php时间戳转换代码详解
2019/08/04 PHP
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
利用js(jquery)操作Cookie的方法说明
2013/12/19 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
利用js+css+html实现固定table的列头不动
2016/12/08 Javascript
Node.js连接mongodb实例代码
2017/06/06 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
2018/05/21 jQuery
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
bootstrap实现tab选项卡切换
2020/08/09 Javascript
[15:39]教你分分钟做大人:龙骑士
2014/10/30 DOTA
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
pytorch 预训练层的使用方法
2019/08/20 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
python属于软件吗
2020/06/18 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
会计自荐书
2013/12/02 职场文书
《在家里》教后反思
2014/03/01 职场文书
弘扬雷锋精神活动演讲稿
2014/03/04 职场文书
校庆接待方案
2014/03/18 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
2015年试用期工作总结范文
2015/05/28 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python