常用技巧之JS判断数组中某元素出现次数

现在前端开发经常需要从api中获取返回的数组，

也许是array，也许是json,

不管是什么，都需要对返回的数据进行再处理，

其中一个重要且经常用到的操作，

就是“判断重复”及“重复的次数”

例如，

返回一个班级的json,

要求判断有多少个孩子的年龄是相同的？

这种对数据的操作很常见的。。

现在我们先看代码：

看不清，不要紧，我大概讲一下，很简单的。

首先它的结构是这样的：

(1)，声明一个新的数组newArr，一个临时变量temp，一个计数器count；

(2)，一个二重嵌套的for循环；

(3)，一个if判断；

(4)，一个return方法；

那么，在运行的时候呢，

arrCheck这个函数的参数arr，就是我们要传入的数组[1,2,3,3,4]了；

首先声明一个新数组newArr=[]，一个temp，一个计数器;

然后进入第一重for循环，

在这里把数组[1,2,3,3,4]的每项通过

temp = arr[i];

赋值给temp，

然后在第二重for循环里，用if(arr[j] == temp)来进行比较，

可能有些同学对于for for嵌套循环有点晕，其实这个很简单的，

就是外层for循环数组一个数，

内层for循环整个数组一遍，

看上面的代码示例，可以很清楚的看到，

i循环一个数字，j把整个数组循环了一遍；

那就意味着，数组有多长，

就会用for for嵌套把整个数组循环多少次

那么回来这个判断重复次数的例子中来，

我们可以通过for for循环中的if(arr[j] == temp)

把整个数组中的每一项，都和整个数组进行一次比较，

如果相等，就把count++，

然后执行arr[j]=-1，为什么要这么做呢？

因为这样就可以不再比较，已经确定重复的数组项了。

例如，arr=[1,2,3,3,4]

arr[2]是3，

arr[3]也是3

那么3已经确定是重复并计数过的了，就不再比较它了。

然后 if(temp != -1)，

这个就比较好理解了，它只是一个筛选判断而已，

用来不显示被值为-1的值。

大家运行下示例程序，就明白了。

最后就是返回已经筛选完成的新数组 newArr。

这个小例子的重点有三个：

1，通过嵌套for循环，把数组的每一项，跟整个数组中的所有项，比较一遍；

2，通过if判断，如果有相等的项，count++，并把相等的项置为-1，这样可以判断等于-1的就是重复的，就不再加入新数组了；

3，用if判断!=-1，决定是否加入新数组中，返回。

完了，

很简单吧，

还看不懂的同学，可以用console.log，一步一步的打印结果，帮助理解。