Array()方法汇总

Array()方法汇总

1. length属性 && 检测数组

  • length属性不是只读,可以设置该属性,从数组的末尾移除项或添加新项
  • 检测数组:
    1. 一个全局作用域下(一个网页),使用instanceof
    2. 两个以上不同的全局执行环境(网页包含多个框架),使用Array.isArray()

2. 转换方法

  • toString()
  • 返回由数组中每个值的字符串形式拼接而成的以逗号(,)分隔的字符串,实际上会调用每一项的toString()
  • toLocaleString()
    返回值经常与toString()相同, 但调用的是每一项的toLocaleString()
  • valueOf()
    返回数组本身

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

  • push()
    数组末尾添加任意个项,返回数组新的长度,
  • pop()
    删除数组末的最后一个元素,并返回移除的项

4. 队列方法 FIFO

  • shift()
    删除并返回数组第一项
  • unShift()
    在数组的开头添加任意个项,并返回数组新的长度

5. 重排序方法

  • reverse()
    反转数组项的顺序,该方法会改变原来的数组,而不会创建新的数组。
  • sort()
    1. 默认情况下,sort()方法按升序排列数组,通过调用每一项的toSring()再比较,因此比较的是字符串
    2. 接受一个比较函数作为参数时,比较函数接受两个参数,来指定哪个值位于哪个值得前面,
      function sortNumber(a,b) {
            return a - b
       }   //升序
      

6. 操作方法

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

    <script type="text/javascript">
    
    var a = [1,2,3];
    document.write(a.concat(4,5));
    
    </script>
    
  • slice()
    接受两个参数,代表截取得起止位置,不包含结束位置,一个参数时默认截取到最后,参数为负数时,加上数组本身长度,注意 不影响原数组,如果起始位置小于结束位置,则返回空数组
  • splice()
    1. 删除: 两个参数 删除的第一项的位置 和 删除的项数
    2. 插入: 三个参数 起始位置、 0(删除的项数)和插入的项,若插入多项,则在后面加上插入的项
    3. 替换: 三个参数 起始位置、 删除的项数、替换的项(任意数量)
      返回从数组中删除的项,没有删除时返回空数组,改变原数组

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],第二个参数为回调函数
 ```
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,377评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,390评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,967评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,344评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,441评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,492评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,497评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,274评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,732评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,008评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,184评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,837评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,520评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,156评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,407评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,056评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,074评论 2 352

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,226评论 0 4
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,046评论 0 1
  • 数组创建 JavaScript中创建数组有两种方式,第一种是使用 Array 构造函数: vararr1 = ne...
    刘松阳阅读 262评论 0 0
  • 反省… 又忘了每天该反省,反省昨天做的好的地方,主要是要反省昨天做的不好的地方,以及该如何改正。 首先,昨天的工作...
    大道而至简阅读 761评论 0 0
  • 01 @兰若(彭炜) 8782 •标题: 娃见啥都咬?试试这几招,安全度过“口欲期” •链接: https://m...
    某天清晨阅读 219评论 0 0