1. filter( )

  var arr = [5,4,3,2,1];

  newarr = arr.filter((item)=>{ return item<3 }) ;  // => [2,1]

2. every( ) 和 some( )

  var arr = [5,4,3,2,1];

  newarr = arr.every((item)=>{ return item<10 }) ;  // => true

3.reduce( ) 和 reduceRight( )

  功能:是指定的函数将数组元素进行组合,生成单个值。

ES6:-----------------------------------

1. Array.from( )

  功能:将两类对象转成真正的数组。

  let arr = { '0' : 'a', '1' : 'b', '2' : 'c', length : 3}

  let arr2 = Array.from( arr );  // => ['a', 'b', 'c']

2.Array.of( )

  功能:将一组值转换成数组。

  Array.of( 2, 11, 3 )  // => [2, 11, 3]

  Array.of( 3 )   // => [ 3 ]

3. copyWithin( )

  功能:复制数组元素替换,改变原数组

  [1, 2, 3, 4, 5].copyWithin( 0, 3 )    // => [ 4, 5, 3, 4, 5]

4.find( ) 和 findindex( )

  功能:找到第一个符合条件的元素或位置

  [1, 5, 10, 15].find(( value, index, arr )=>{ return value > 9};  // =>10

  [1, 5, 10, 15].findindex(( value, index, arr )=>{ return value > 9};  // =>3

5. fill( )

  功能:填充数组,参数:第一个为要填充的值,第二个和第三为填充的开始位置和结束位置(选)

  ['a', 'b', 'c'].fill( 7, 1, 2 );  // => ['a', 7, 'c']

6. entries( )   keys( )   values( )

  功能:利用for...of循环进行遍历,分别对键和值遍历

  1.) for( let index of [ 'a', 'b' ].keys( ) ) { console.log( index ) }; // =>0  1

  2.) for( let elem of [ 'a', 'b' ].values( ) ) { console.log( elem ) }; // =>'a' 'b'

  3.) for( let [ index, elem ] of [ 'a', 'b' ].entries( ) ) { console.log( index ) }; // =>0  'a'  1  'b'

7. includes( )

  功能:表示某个数组是否包含给的的值,indexOf( ) 进行了运算符的强对比,会出现NaN

  [1, 2, 3].includes( 2 );  //=> true

  [1,2,3].includes(4);  //=>false

  [1,2,NaN].includes(NaN);  //=>true

  

JS-Array-新增方法的更多相关文章

  1. JS中map、forEach、filter、reduce等Array新增方法的区别

    数组在各个编程语言中的重要性不言而喻,但是在之前的JavaScript中数组虽然功能已经很强大,但操作方法并不完善,在ECMAScript5中做了适当的补充. Array.isArray(elemen ...

  2. ECMAScript5 Array新增方法

    数组在各个编程语言中的重要性不言而喻,但是在之前的JavaScript中数组(JavaScript 数组详解)虽然功能已经很强大,但操作方法并不完善,在ECMAScript5中做了适当的补充. Arr ...

  3. JS Array.filter()方法

    1.filter()接收的函数可以有多个参数.通常我们只使用第一个参数,第二参数和第三个参数表示元素的位置和数组本身: //去重 var arr = ["1", "2&q ...

  4. js Array 数组方法扩展

    //去重复   Array.prototype.unique = function()  {     this.sort();     var re=[this[0]];     for(var i ...

  5. 兼容低版本JS的Array.map方法

    前几天去别的公司面试遇到个这样的问题,兼容IE7下的Array.map方法,一脸蒙蔽.后面回来查了下资料发现.Array.map方法是ECMA-262 标准中新添加的方法,在低版本的JS中是木有的. ...

  6. js Array 方法总结

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. js array filter pop push shift unshift方法

    JavaScript Array filter() 方法  JavaScript Array 对象 实例 返回数组 ages 中所有元素都大于 18 的元素: var ages = [32, 33,  ...

  8. JS数组中Array.of()方法的使用

    Array.of()方法的使用: Array.of()方法用于将一组数值转换为数组,举例: const a = Array.of(2,4,6,8); console.log(a); // [2,4,6 ...

  9. 前端Js跨域方法汇总—剪不断,理还乱,是跨域

    1.通过jsonp跨域2.通过修改document.domain来跨子域(iframe)3.隐藏的iframe+window.name跨域4.iframe+跨文档消息传递(XDM)5.跨域资源共享 C ...

  10. js Array数组的使用

    js Array数组的使用   Array是javascript中的一个事先定义好的对象(也可以称作一个类),可以直接使用 创建Array对象 var array=new Array(): 创建指定元 ...

随机推荐

  1. PAT-B 1003. 我要通过!(20) Java版

    "答案正确"是自动判题系统给出的最令人欢喜的回复.本题属于PAT的"答案正确"大派送 -- 只要读入的字符串满足下列条件,系统就输出"答案正确&quo ...

  2. Building Applications with Force.com and VisualForce(Dev401)( 八):Designing Applications for Multiple Users: Controling Access to Records.

    Module Objectives1.List feature that affect access to data at the record level.2.List the organizati ...

  3. python之装饰器的进阶

    一.带参数的装饰器 (必须会) 针对不同的app的验证,比如:天猫和天猫超市,京东商城和京东超市 def wrapper_out(n): print(n) def wrapper(f): def in ...

  4. java并发安全

    本次内容主要线程的安全性.死锁相关知识点. 1.什么是线程安全性 1.1 线程安全定义  前面使用8个篇幅讲到了Java并发编程的知识,那么我们有没有想过什么是线程的安全性?在<Java并发编程 ...

  5. jmeter参数化之函数助手(十五)

    jmeter-参数化: 参数化的作用:调用接口入参时.有时要求参数经常变化,如果每次去修改就会变得很繁琐,这时候就需要把经常变化的值改变为提前编辑好的文档或函数中,便于调用时使用不同的值. Jmete ...

  6. Thinking in Java学习杂记(第7章)

    将一个方法调用同一个方法主体连接到一起就称为"绑定"(Binding).若在程序运行以前执行绑定,就叫做"早期绑定".而Java中绑定的所有方法都采用后期绑定技 ...

  7. Windows 7集成IE11(离线安装包、补丁)

    当Win7系统需要集成IE11时,我们需要提前打入6个补丁 KB2731771.KB2786081.KB2834140.KB2670838.KB2729094.KB2533623 32位 ★百度网盘 ...

  8. 原生js焦点轮播图的实现

    继续学习打卡,武汉加油,逆战必胜!今日咱们主要探讨一下原生js写轮播图的问题, 简单解析一下思路: 1,首先写好css样式问题 2,考虑全局变量:自动播放的定时器,以及记录图片位置的角标Index 2 ...

  9. C 神奇项链

    时间限制 : - MS   空间限制 : - KB  评测说明 : 1s,64m 问题描述 母亲节就要到了,小 H 准备送给她一个特殊的项链.这个项链可以看作一个用小写字母组成的字符串,每个小写字母表 ...

  10. 关于C#三层架构增删改查中的“修改”问题

    先来一个界面图: DAO中的方法: 这里需要获得数据的ID,进而进行操作. 之后是代码的实现: 修改的功能中需要注意的是:根据项目具体需要来判断修改的内容. 希望对您有所帮助!