美文网首页IT修真院-前端
js数组中filter().some(),map(),forea

js数组中filter().some(),map(),forea

作者: xianxiaobo | 来源:发表于2017-08-30 10:12 被阅读143次

    1.背景介绍

    数组,在编程语言中很重要,其中filter()、some()、map()、forEach()是ECMAScript5为数组定义的5个迭代方法,是为了更方便的对数组进行操作。

    2.知识剖析

    首先,每个方法都接收两个参数:

    (1)要在每一项上运行的函数。

    (2)运行该函数的作用域对象—this(可选)

    其次,传入这些方法中的函数参数本身会接收三个参数:数组项的值;该项在数组中的位置;数组对象本身;

    3.常见问题

    filter()、some()、map()、forEach()的用法?

    4.解决方案

    forEach():对数组中的每一项运行给定函数,这个方法没有返回值。

    map():对数组中每一项运行给定函数,返回每次函数调用的结果组成的函数。

    filter():对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。

    some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。

    path:表示 cookie 影响到的路径,匹配该路径才发送这个 cookie。

    expires 和 maxAge:告诉浏览器 cookie时候过期,maxAge 是 cookie 多久后过期的相对时间。

    不设置这两个选项时会产生 session cookie,session cookie 是 transient 的,当用户关闭浏览器时,就被清除。一般用来保存 session 的 session_id。

    secure:当 secure值为true时,cookie 在 HTTP 中是无效,在 HTTPS 中才有效

    httpOnly:浏览器不允许脚本操作 document.cookie 去更改 cookie。一般情况下都应该设置这个为true,这样可以避免被 xss 攻击拿到 cookie。

    5.编码实战

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

    var filterResult = numbers.filter(function(item,index,array){

    return (item > 2);

    });

    alert(filterResult); //[3,4,5,3]

    6.扩展思考

    相对于for(),JS数组自定义的数组迭代方式有哪些好处?

    答:在实现相同功能的前提下,后者除了能够节省代码量外,在实现某些功能上的流程中存在很多有意思的优势,比如forEach相比普通的for循环的优势在于对稀疏数组的处理,会跳过数组中的空位。for+i在性能测试上是优越于后者,但是前提是,array的length要事先计算出来,而在处理非常大量的数据时候,后者的优势就显而易见了。

    7.参考文献

    参考一:Js

    数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()、

    http://www.cnblogs.com/xiao-hong/p/3194027.html

    参考二:Js forEach()详解

    http://www.2cto.com/kf/201506/411285.html

    相关文章

      网友评论

        本文标题:js数组中filter().some(),map(),forea

        本文链接:https://www.haomeiwen.com/subject/jppzdxtx.html