资讯专栏INFORMATION COLUMN

Array()方法汇总

awesome23 / 2118人阅读

摘要:方法为数组中的每个元素都调用一次函数执行如果没有符合条件的元素返回对于空数组,函数是不会执行的。不改变原数组和差不多,默认返回的是索引。擅长网站建设公众号开发微信小程序开发小游戏公众号开发,专注于前端领域框架交互设计图像绘制数据分析等研究。

1. length属性 && 检测数组

length属性不是只读,可以设置该属性,从数组的末尾移除项或添加新项

检测数组:

    一个全局作用域下(一个网页),使用instanceof

    两个以上不同的全局执行环境(网页包含多个框架),使用Array.isArray()

2. 转换方法

toString()

返回由数组中每个值的字符串形式拼接而成的以逗号(,)分隔的字符串,实际上会调用每一项的toString()

toLocaleString() 返回值经常与toString()相同, 但调用的是每一项的toLocaleString()

valueOf() 返回数组本身

3. 栈方法 LIFO(last in first out)

push() 数组末尾添加任意个项,返回数组新的长度,

pop() 删除数组末的最后一个元素,并返回移除的项

4. 队列方法 FIFO

shift() 删除并返回数组第一项

unShift() 在数组的开头添加任意个项,并返回数组新的长度

5. 重排序方法

reverse() 反转数组项的顺序,该方法会改变原来的数组,而不会创建新的数组。

sort()

    默认情况下,sort()方法按升序排列数组,通过调用每一项的toSring()再比较,因此比较的是字符串

    接受一个比较函数作为参数时,比较函数接受两个参数,来指定哪个值位于哪个值得前面,

    function sortNumber(a,b) {
          return a - b
     }   //升序
    

6. 操作方法

concat() 可以拼接任意数组,返回新数组,不改变自身


slice() 接受两个参数,代表截取得起止位置,不包含结束位置,一个参数时默认截取到最后,参数为负数时,加上数组本身长度,注意 不影响原数组,如果起始位置小于结束位置,则返回空数组

splice()

    删除: 两个参数 删除的第一项的位置 和 删除的项数

    插入: 三个参数 起始位置、 0(删除的项数)和插入的项,若插入多项,则在后面加上插入的项

    替换: 三个参数 起始位置、 删除的项数、替换的项(任意数量) 返回从数组中删除的项,没有删除时返回空数组,改变原数组

7. 位置方法

indexOf()

lastIndexOf() 都接受两个参数 查找的项和查找起点位置的索引(可选),返回查找项在数组中的位置,没找到时返回1

     let arr = ["orange", "2016", "2016"];
     arr.indexOf("orange"); //0
     arr.indexOf("o"); //-1 因为此方法不会在每一个元素的基础上再次执行 indexOf 匹配。
     arr.indexOf("2016"); //1
     arr.indexOf(2016); //-1 注意:这里不会做隐式类型转换。

8. 迭代方法

每个方法都接受两个参数,第一个为在每一项运行的函数,第二个为运行该函数的作用域对象(可选) 函数接受三个参数:item,index, array本身,都不会改变原数组

every() 传入函数的每一项都满足函数,返回true

some() 某一项满足函数的条件,返回true

forEach() 与for循环用法一致,无返回值

filter() 返回一个新的数组,用指定的函数确定是否在返回的数组中包含某一项

map() 返回一个新的数组,该数组的值对应原数组的每一项运行指定函数的返回值

9. 归并方法

reduce()

reduceRighht() 两个方法都会迭代数组的所有项,构建一个最终的返回值 接受两个参数: 每一项调用的函数 和 归并基础的初始值 函数接受四个参数: 前一个值 当前值 索引 和数组对象,该函数的返回值都会作为第一个参数传给下一项,第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数是数组的第二项

10. ES6新增方法

find() 返回通过测试(函数内判断)的数组的第一个元素的值。 find() 方法为数组中的每个元素都调用一次函数执行: 如果没有符合条件的元素返回 undefined find() 对于空数组,函数是不会执行的。 不改变原数组

findIndex() 和find()差不多,默认返回的是索引。

includes() 与String的includes()一样,接收2参数,查询的项以及查询起始位置,返回true或false

keys() 对数组索引的遍历

values() 对数组项的遍历

entries() 对数组键值对的遍历

let arr=["w","b"];
for(let a of arr.entries()){
    console.log(a)
}//结果:[0,w],[1,b]
for(let [i,v] of arr.entries()){
    console.log(i,v)
}//结果:0 w,1 b

fill() 数组填充

 let arr=["w","b"];
 arr.fill("i")//结果:["i","i"],改变原数组
 arr.fill("o",1)//结果:["i","o"]改变原数组,第二个参数表示填充起始位置

new Array(3).fill("k").fill("r",1,2)//结果:["k","r","k"],第三个数组表示填充的结束位置,前开后闭区间

- Array.from() 
  把带有lenght属性类似数组的对象转换为数组,也可以把字符串等可以遍历的对象转换为数组,它接收2个参数,转换对象与回调函数
 
 ```
 Array.from({"0":"w","1":"b",length:2})//["w", "b"],返回数组的长度取决于对象中的length,故此项必须有!
 Array.from({"0":"w","1":"b",length:4})//["w", "b", undefined, undefined]
 Array.from({"0":"w","1":"b",length:1})//["w"]
 let divs=document.getElementsByTagName("div");
 Array.from(divs)//返回div元素数组
 Array.from("wbiokr")//["w", "b", "i", "o", "k", "r"]
 Array.from([1,2,3],function(x){
         return x+1
     })//[2, 3, 4],第二个参数为回调函数
 ```

【完】


**作者简介**:郑佳欢,芦苇科技web前端实习生,公司作品:口红挑战网红小游戏、服务端渲染官网。擅长网站建设、公众号开发、微信小程序开发、小游戏、公众号开发,专注于前端领域框架、交互设计、图像绘制、数据分析等研究。 一起并肩作战: [zhengjiahuan@talkmoney.cn](mailto:yemao@talkmoney.cn) 访问 [www.talkmoney.cn](http://www.talkmoney.cn/) 了解更多

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/6926.html

相关文章

  • 排序算法终极汇总

    摘要:本文对种排序方法进行汇总。自顶向下的归并排序算法归并排序自顶向下分治思想的最经典的一个例子。另外,快排序的内循环比大多数排序算法都短。基本算法快排序是一种分治的算法,将一个数组分成两个子数组,将两部分独立排序。 本文对9种排序方法进行汇总。分别是: 插入排序 选择排序 归并排序 冒泡排序 堆排序 快排序 计数排序 基数排序 桶排序。参照《算法》第四版这本书,把排序需要的公共的方法抽象出...

    voyagelab 评论0 收藏0
  • Array() 方法汇总

    摘要:方法为数组中的每个元素都调用一次函数执行如果没有符合条件的元素返回对于空数组,函数是不会执行的。不改变原数组和差不多,默认返回的是索引。 1. length属性 && 检测数组 length属性不是只读,可以设置该属性,从数组的末尾移除项或添加新项 检测数组: 一个全局作用域下(一个网页),使用instanceof 两个以上不同的全局执行环境(网页包含多个框架),使用Array....

    JessYanCoding 评论0 收藏0
  • JS中求数组最大(最小)值汇总(持续更新)

    摘要:如何使用,在一个类型的数组里,查找最大或最小数呢以下介绍五个方法。利用代码如下解释方法就是通过一个函数,针对一个累加器和数组中的每一个元素,将一个数组最终减少到一个值。如果求最小值,将改成。 如何使用JS,在一个Number类型的数组里,查找最大(或最小)数呢? 以下介绍五个方法。(如果有新方法,后续会更新,也欢迎各位留言提供新方法) 1. 不使用任何库函数 代码如下: functio...

    church 评论0 收藏0
  • JS对象 - Array属性方法汇总

    摘要:属性名描述为对象添加属性方法返回数组对象引用返回数组元素数目方法名描述返回更改原数组连接多个数组连接后新数组将数组中所有元素合为一个字符串。 属性名 描述 prototype 为对象添加属性、方法 constructor 返回数组对象引用 length 返回数组元素数目 方法名 描述 返回 更改原数组 concat() 连接多个数组 连接后新数组 N ...

    RancherLabs 评论0 收藏0
  • LeetCode 攻略 - 2019 年 7 月下半月汇总(100 题攻略)

    摘要:月下半旬攻略道题,目前已攻略题。目前简单难度攻略已经到题,所以后面会调整自己,在刷算法与数据结构的同时,攻略中等难度的题目。 Create by jsliang on 2019-07-30 16:15:37 Recently revised in 2019-07-30 17:04:20 7 月下半旬攻略 45 道题,目前已攻略 100 题。 一 目录 不折腾的前端,和咸鱼有什么区别...

    tain335 评论0 收藏0

发表评论

0条评论

awesome23

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<