原生JS的魅力(1)

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

接招

原生JS的魅力(1)_第1张图片
题目

写一个方法,要求:给予两个数组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中已有的两个迭代方法filtersome,就轻松搞定!(厉害了我的哥!)

摘自《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的基础知识还不能融会贯通,以后加强这方面的练习吧!

虽九死一生,依旧勇往直前!!!

你可能感兴趣的:(原生JS的魅力(1))