时间:2021-05-26
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 中有关数组对象的方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
昨天出去前端面试又失败,期间问了个有关于数组对象的问题,下面就这类问题总结下JavaScript常用的数组操作方法。一、何为数组(Array)对象数组对象是使用
本文实例讲述了JavaScript将数组转换成CSV格式的方法。分享给大家供大家参考。具体分析如下:JavaScript中数组对象的valueOf方法可以将数组
第一页:JavaScript数据类型详解第二页:JavaScript数据类型详解第三页:JavaScript数据类型详解 数据类型 JavaScript中有
本文实例讲述了JavaScript对象数组的排序处理方法。分享给大家供大家参考,具体如下:javascript的数组排序函数sort方法,默认是按照ASCII字
本文实例分析了JavaScript类数组对象转换为数组对象的方法。分享给大家供大家参考,具体如下:1、类数组对象:拥有length属性,可以通过下标访问;不具有