JS中的 map, filter, some, every, forEach, for in, for of 用法
- 更新时间：2020-03-09 12:26:02
- 编辑：侯丰雅
1.map
有返回值，返回一个新的数组，每个元素为调用func的结果。
let list = [1, 2, 3, 4, 5];
let other = list.map((d, i) => {
return d * 2;
});
console.log(other);
// print: [2, 4, 6, 8, 10]
2.filter
有返回值，返回一个符合func条件的元素数组
let list = [1, 2, 3, 4, 5];
let other = list.filter((d, i) => {
return d % 2;
});
console.log(other);
// print: [1, 3, 5]
3.some
返回一个boolean，判断是否有元素符合func条件，如果有一个元素符合func条件，则循环会终止。
let list = [1, 2, 3, 4, 5];
list.some((d, i) => {
console.log(d, i);
return d > 3;
});
// print: 1,0 2,1 3,2 4,3
// return false
4.every
返回一个boolean，判断每个元素是否符合func条件，有一个元素不满足func条件，则循环终止，返回false。
let list = [1, 2, 3, 4, 5];
list.every((d, i) => {
console.log(d, i);
return d < 3;
});
// print: 1,0 2,1 3,2
// return false
5.forEach
没有返回值，只针对每个元素调用func。
优点：代码简介。
缺点：无法使用break，return等终止循环。
let list = [1, 2, 3, 4, 5];
let other = [];
list.forEach((d, i) => {
other.push(d * 2);
});
console.log(other);
// print: [2, 4, 6, 8, 10]
6.for in
for-in循环实际是为循环”enumerable“对象而设计的，for in也可以循环数组，但是不推荐这样使用，for–in是用来循环带有字符串key的对象的方法。
缺点：只能获得对象的键名，不能直接获取键值。
var obj = {a:1, b:2, c:3};
for (var prop in obj) {
console.log("obj." + prop + " = " + obj[prop]);
}
// print: "obj.a = 1" "obj.b = 2" "obj.c = 3"
7.for of
for of为ES6提供，具有iterator接口，就可以用for of循环遍历它的成员。也就是说，for of循环内部调用的是数据结构的Symbol.iterator方法。
for of循环可以使用的范围包括数组、Set和Map结构、某些类似数组的对象（比如arguments对象、DOM NodeList对象）、后文的Generator对象，以及字符串。
有些数据结构是在现有数据结构的基础上，计算生成的。比如，ES6的数组、Set、Map都部署了以下三个方法，调用后都返回遍历器对象。
entries
entries() 返回一个遍历器对象，用来遍历[键名, 键值]组成的数组。对于数组，键名就是索引值；对于Set，键名与键值相同。Map结构的iterator接口，默认就是调用entries方法。
keys
keys() 返回一个遍历器对象，用来遍历所有的键名。
values
values() 返回一个遍历器对象，用来遍历所有的键值。
这三个方法调用后生成的遍历器对象，所遍历的都是计算生成的数据结构。
// 字符串
let str = "hello";
for (let s of str) {
console.log(s); // h e l l o
}
// 遍历数组
let list = [1, 2, 3, 4, 5];
for (let e of list) {
console.log(e);
}
// print: 1 2 3 4 5
// 遍历对象
obj = {a:1, b:2, c:3};
for (let key of Object.keys(obj)) {
console.log(key, obj[key]);
}
// print: a 1 b 2 c 3
说明：对于普通的对象，for...in循环可以遍历键名，for...of循环会报错。
一种解决方法是，使用Object.keys方法将对象的键名生成一个数组，然后遍历这个数组。
// entries
let arr = ['a', 'b', 'c'];
for (let pair of arr.entries()) {
console.log(pair);
}
// [0, 'a']
// [1, 'b']
// [2, 'c']
以上所述是小编给大家介绍的浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持！
相关教程
-
详解node.js的http模块实例演示
这篇文章主要介绍了详解node.js的http模块实例演示，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
发布时间：2019-07-23
-
让你5分钟掌握9个JavaScript小技巧
这篇文章是国外翻译JavaScript小技巧，几个不错的知识点，方便学习js的朋友，感觉内容非常不错特分享一下,需要的朋友可以参考下
发布时间：2019-06-21
-
JavaScript和jQuery实战手册
JavaScript可以大大改进网页的动画、交互性和视觉效果，但学习该门语言不太容易。本书通过一步步引导JavaScript基础知识，展示了如何使用jQuery（即预先写好的JavaScript代码库）来节省时间和精
大小：103 MBJavaScript电子书
-
第三方JavaScript编程
第三方JavaScript应用程序是自包含的应用组件，通常都是小脚本或插件，能够为Web站点增加功能。它们往往是由独立的组织或个人提供的，代码和文件都是来自于远程的Web地址。 《第三方JavaS
大小：74.2 MBJavaScript电子书
-
HTML CSS JavaScript网页制作从入门到精通
HTML CSS JavaScript网页制作从入门到精通 第3版 共分为19章和4个附录，重点介绍使用HTML进行网页制作的方方面面，同时讲解了目前流行的Web标准与CSS网页布局实例，以及基于JavaScript语言的网页特
大小：65.2 MB网页制作电子书
-
JavaScript基础教程
本书是经典的JavaScript入门书，以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称。书中从JavaScript语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式
大小：14 MBJS教程电子书
-
JavaScript函数式编程指南
这书关键介绍怎样根据ECMAScript6将函数式编程关键技术于编码，以减少编码的多元性。这书共三一部分內容。*一部分函数式观念是为第二一部分的学习培训作铺垫的，这一部分引入了对函数式
大小：12.79 MBjs函数电子书
-
JavaScript+Vue+React全程实例
这书根据基础知识与开发实践活动紧密结合的观念，选萃当今简易、好用和时兴的百余个JavaScript编码案例，协助阅读者学习培训把握JavaScript开发语言。本书內容详实、重中之重突显、浅显易懂，包含了JavaScript前端开发开发的各个方面。
大小：59150 MB MJS实例
-
JavaScript忍者秘籍
JavaScript语言非常重要，相关的技术图书也很多，但没有任何一本书对JavaScript语言的重要部分（函数、闭包和原型）进行深入、全面的介绍，也没有任何一本书讲述跨浏览器代码的编写。本书是
大小：83.5 MBJavaScript电子书
-
JavaScript网页动画设计
JavaScript网页动画设计 由业界先进的动画库Velocity。js的作者所著，书中内容共分为8章，简明扼要地总结了在网页上使用动画的技术技巧，让读者掌握如何有效利用动画实现无与伦比的用户体验
大小：26 MBJavaScript电子书
-
你不知道的JavaScript 下卷
本书讲解JavaScript开发人员不求甚解的大趋势，深入理解语言内部的机制，全面介绍JavaScript中常被人误解和忽视的重要知识点，分为上中下三套，欢迎下载
大小：7 MBJavaScript电子书
