原生JS的魅力（1）

@各位观众，好久不见，不知有木有想人家啊！（哇哇哇，233333）这段时间一直想写简书来着，但不知要写些啥东西！终于憋出一个大招，虽然被虐的体无完肤，但还是想分享一下这个小知识点！嘎嘎！

接招

题目

写一个方法，要求：给予两个数组a1和a2，然后返回一个已经排序的数组 r，其中数组 r 中的值是a1中的项并且能够在a2中找到这些字母的片段！（毕竟英语太次，翻译的太烂，各位看官多多包涵哈！==）

各位可以先思考，自己想想该怎么做！然后往下看！！！

。
。
。
。
。
。

我的想法是：利用两个循环，然后判断a1是否存在于a2之中，并且判断取出来的a1是否包含于arr之中，最后返回排序好的arr!

代码如下：

function inArray(array1,array2){
    var arr = [];
    for(var i in array1){
        for(var j in array2){
            if (array2[j].indexOf(array1[i])>-1 && arr.indexOf(array1[i]) == -1) {
                arr.push(array1[i]);
            }
        }
    }
    return arr.sort();
}

这里面用到了各种循环和判断，感觉有那么一点麻烦！这也是一般人都能够想到的！于是就看了大神到底是怎么想的？

大神代码来了！！！

function inArray(array1,array2){
    return array1.filter(function(str1){
        return array2.some(function(str2){
            return str2.indexOf(str1)>-1;
        })
    }).sort();

果然大神就是大神！利用了三个return和JS中已有的两个迭代方法filter和some，就轻松搞定！（厉害了我的哥！）

摘自《JavaScript高级程序设计》

ECMAScript5 为数组定义了5个迭代方法。每个方法都接收两个参数：要在每一项上运行的函数和（可选的）运行该函数的作用域对象 -- 影响 this 的值。以下是这5个迭代方法的作用：
every()：对数组中的每一项运行给定函数，如果每一项都返回true，则返回true。
filter()：对数组中的每一项运行给定的函数，返回该函数会返回 true 的项组成的数组。
forEach()：对数组中每一项给定函数，这个方法没有返回值。
map()：对数组中的每一项给定函数，返回每次函数调用的结果组成的数组。
some()：对数组中的每一项运行给定的函数，如果该函数对任一项返回 true，则返回true。
以上方法都不会修改数组中的包含的值。

结合以上文档来看，就不难理解大神写的代码了。

array1利用filter方法，array利用some方法，判断str2是否存在于str1中，只要**str1存在于str2中，some方法就会返回true，存放于filter中的数组里面。最后利用sort方法进行排序！得出结果。

总结：从这个小题目中发现自己的基础知识还是不牢固，对JS的基础知识还不能融会贯通，以后加强这方面的练习吧！

虽九死一生，依旧勇往直前！！！