美文网首页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