for-each
来源:互联网 发布:php如何连接mysql 编辑:程序博客网 时间:2024/09/21 09:25
从 forEach 开始谈谈遍历技巧
forEach 作为一个比较出众的遍历操作,之前有很多库都对其进行过各种包装,然而我还是发现很多人并不是非常理解 forEach。
比如第二个参数 this 的使用。
往常都习惯这么做:
const self = this arr.forEach(function(item) { // do something with this })
然而如果使用第二个参数就可以这样:
arr.forEach(function(item) { // do something with this }, this)
省去了一个中间的self,看起来更优美了
那么有没有更好的处理方式呢?
有的:
arr.forEach(item => { // do something })
由于 arrow function 的特性,自动绑定父 scope 的 this, 会更加简洁,而且少了个function关键字,可读性更好。
for
说到循环必定要说到for循环了。js里面的for循环有好几种使用方式:
C 系列 for 循环:
for (let index = 0; index < arr.length; index++) { // do something }
index 是 arr 的索引,在循环体中通过 arr[index] 调用当前的元素,我非常不喜欢这种方式,因为要写两个分号!
还有另一种比较简单的方式:
for (let key in obj) { // do something }
不过这个方式一般用来遍历对象,下文有说。
关于 for 循环还有 ES2015 规定的一种
for (let item of arr) { // do something }
这种遍历方式和之前的最大区别在于item,它是value而非key,可以直接迭代出内容。
不过这种方式我个人用的不多,因为很多情况下我更喜欢用array下的方法。对于对象的遍历更倾向于for…in
map 系列
这一块是js的函数式领域了。
Array.prototype下挂载着几个非常好用的遍历函数。比如map
它会遍历arr下的所有内容,做操作之后返回数据,形成一个新的数组:
const arr = [1, 2, 3] arr.map(current => current * 5)
在 react 最常用。经常用来遍历数据,形成dom:
someRender() { return this.state.data.map((current, index) => { return <li key={index}>{ current }</li> }) }
不过 map 有一点不好的地方在于不能控制循环的流程,如果不能完成,就返回undefined继续下一次迭代。所以遇到可能会返回undefined的情况应该用forEach或者for循环遍历
还有filter用法和map一模一样,只是它用来过滤数据。非常的好用。
arguments
说到遍历不得不提及arguments, 在function()中的所有参数,奇怪的是它并不是一个数组。只是一个类数组。
一般需要转成数组:
function foo() { const args = Array.prototype.slice.call(arguments) return Array.isArray(args) }
但是我个人并不认同这样的方法,有了新的 ES2015 就不要用这么丑的语法了
function foo(...args) { // args 是数组 }
ES2015 的 rest 语法使得剩余参数都传入args里面,比之前的还要调Array的方法要轻松不少。
object
对象的遍历是非常常用的功能。
我个人更喜欢用for…in语法,但是有一点需要注意:
for (let index in obj) { if(obj.hasOwnProperty(index)) { // do something } }
因为除非强制指定,否则对象都是不纯净的。都会有__proto__属性,也会被迭代出来。需要过滤一下。
好了,如何创建纯净的对象?
const plainObj = Object.create(null)
- for each
- for each
- for each
- for each
- for each
- FOR EACH
- for-each
- for-each
- for each
- for、for-each、迭代器
- test for each
- For-Each循环
- for each循环
- Java 中的for each
- JSTL for each嵌套
- For Each...Next 语句
- *java*for each
- Java for each语句
- RESTful API 设计指南
- 版本控制系统概述
- 1003.Hangover
- 欢迎使用CSDN-markdown编辑器
- 关于complete binary tree的节点
- for-each
- 第八周实践换分币
- 使用JDBC进行批处理
- c++模块详解
- java事务--脏读、不可重复读、幻读
- 单选,复选,开关按钮选中监听
- JZOJ 4823. 【NOIP2016提高A组集训第1场10.29】小W学物理
- 王朝 谁是小偷
- 理解Java中【包】的概念