JavaScript两个常用方法

  第一次写博客,分享一下在工作中学到的两个会用到的JS方法吧。

1、filter

  假如有一个数组

JavaScript两个常用方法

如果想筛选出其中年龄大于13岁的女生,刚学js的话可能是这样写的:

JavaScript两个常用方法

JavaScript两个常用方法

看起来有些繁琐,但是如果使用JS的 filter 方法的话,写起来是这样的:

JavaScript两个常用方法

JavaScript两个常用方法

看起来是不是还是挺好用的, 而且感觉写起来还挺符合语义的

2、includes

    假如系统中某组数据,每条数据有各自不同的状态,所有状态的集合如下:

JavaScript两个常用方法

其中除了 broken (已破损)都属于正常状态,假如某条数据 item 状态为 item.status, 我们要判断该条数据状态是否正常,

如果使用万恶的 for 循环要这样写了:

JavaScript两个常用方法

JavaScript两个常用方法

如果直接使用 includes 方法呢,可以直接这样:

JavaScript两个常用方法哇,是不是既简单又符合语义

=========================================

说到 for 循环,写一下 for 循环的几种写法

JavaScript两个常用方法

1、最原始的写法,就是单纯的循环数组

JavaScript两个常用方法

JavaScript两个常用方法

2、省事一点的写法

JavaScript两个常用方法

JavaScript两个常用方法

3、这个就厉害了,不仅可以循环数组,还可以循环对象

数组:

JavaScript两个常用方法

JavaScript两个常用方法

对象:

JavaScript两个常用方法

JavaScript两个常用方法

这几个循环性能问题本人没什么研究,有兴趣可以自己研究一下