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. Python第二章-变量和数据类型

    变量和数据类型 一.什么是变量,常量 思考:程序执行指的是什么? 对数据进行存储处理和计算,最终获得结果,这是程序执行的本质. 变量的概念和在数学中的变量的概念一样的,只是在计算机程序中,变量不仅可以 ...

  2. 第二章 Getting started with functional programming

    Getting started with functional programming 开始函数式编程 higher-order functions-高阶函数 所有FP语言的主要特点是函数可以像普通值 ...

  3. 使用SpringCloud将单体迁移至微服务

    使用SpringBoot构建单体项目有一段时间了,准备对一个老项目重构时引入SpringCloud微服务,以此奠定后台服务能够应对未知的业务需求. 现在SOA架构下的服务管理面临很多挑战,比如面临一个 ...

  4. C#算法实现获取树的高度

    我们知道,树类型作为数据结构中的重要一员,树的很多实现都是来自递归.本文想要实现的就是在桌面客户端项目开发中,经常用到的树结构(.Net平台下有个控件为TreeView).事实上,我们可能因业务需求自 ...

  5. Matlab GUI设计(2)

    11. (1)界面设计 (2)添加按钮的回调函数 function pushbutton1_Callback(hObject, eventdata, handles) % hObject handle ...

  6. UVA11300 Spreading the Wealth 数学

    前方数学警告 题目链接:https://onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&category=25&am ...

  7. Java并发基础07. ThreadLocal类以及应用技巧

    在前面的文章(6. 线程范围内共享数据)总结了一下,线程范围内的数据共享问题,即定义一个 Map,将当前线程名称和线程中的数据以键值对的形式存到 Map 中,然后在当前线程中使用数据的时候就可以根据当 ...

  8. 人工智能新手入门学习路线和学习资源合集(含AI综述/python/机器学习/深度学习/tensorflow)

    [说在前面]本人博客新手一枚,象牙塔的老白,职业场的小白.以下内容仅为个人见解,欢迎批评指正,不喜勿喷![握手][握手] 1. 分享个人对于人工智能领域的算法综述:如果你想开始学习算法,不妨先了解人工 ...

  9. vue+springboot后台实现页面按钮权限

    思路 1.用户跟角色关联 2.角色跟菜单关联 3.菜单跟菜单下的按钮关联 4.后端返回每个菜单下的按钮,前端通过自定义事件,在每个按钮上加上相应的事件 打字麻烦,还是看图吧! 建立btn.js 然后在 ...

  10. template_homepage

    homepage用到的方法 使用 {% for ... in ...%}  加 {% endfor %} 实现循环结构 举例:  {% for post in posts %} <p style ...