任务描述：

　　请在index.html文件中，编写arraysSimilar函数，实现判断传入的两个数组是否相似。具体需求：



　　1. 数组中的成员类型相同，顺序可以不同。例如[1, true] 与 [false, 2]是相似的。




　　2. 数组的长度一致。




　　3. 类型的判断范围，需要区分:String, Boolean, Number, undefined, null, 函数，日期, window.


　　当以上全部满足，则返回"判定结果:通过"，否则返回"判定结果:不通过"。


思路：1.判断两个数组的长度是否相同。否则，返回false

　　　2.定义两个新数组，用来储存 arr1 和 arr2 的各种成员类型

　　   （用到 push（）方法和 call（）方法，后者在本处的用处是，用Object.prototype.toString方法获得的对象 代替 arr1[i],即最后push到arrType1中的是arr1[i]的成员类型，如Array、num、function等等，而不是原本具体的数据之类的。）

　　　3.排序后，用“==”进行比较。

方法一：
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>判断类型</title>

    <script>

        /*

         * param1 Array

         * param2 Array

         * return true or false

         */

        function arraysSimilar(arr1, arr2){

            var arrType1=[];

            var arrType2=[];

            // 判断是否是数组

            if(!(arr1 instanceof Array&&arr2 instanceof Array)){

                return false;

            }

            // 长度是否相同

            if(arr1.length!=arr2.length){

                return false;

            }

            // 判断类型是否相同

            for( var i=0; i<arr1.length; i++){

                arrType1.push(Object.prototype.toString.call(arr1[i]));//x.call(y)即用x对象代替y对象

                arrType2.push(Object.prototype.toString.call(arr2[i]));

            }

            if(arrType1.sort().toString()== arrType2.sort().toString()){//sort方法:如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。

                return "通过";

            }else{

                return "不通过";

            }

        }

    </script>

</head>

<body>

</body>

</html>

测试样例：






var result=function(){

    //以下为多组测试数据

            var cases=[{

                    arr1:[1,true,null],

                    arr2:[null,false,100],

                    expect:true

                },{

                    arr1:[function(){},100],

                    arr2:[100,{}],

                    expect:false

                },{

                    arr1:[null,999],

                    arr2:[{},444],

                    expect:false

                },{

                    arr1:[window,1,true,new Date(),"hahaha",(function(){}),undefined],

                    arr2:[undefined,(function(){}),"okokok",new Date(),false,2,window],

                    expect:true

                },{

                    arr1:[new Date()],

                    arr2:[{}],

                    expect:false

                },{

                    arr1:[window],

                    arr2:[{}],

                    expect:false

                },{

                    arr1:[undefined,1],

                    arr2:[null,2],

                    expect:false

                },{

                    arr1:[new Object,new Object,new Object],

                    arr2:[{},{},null],

                    expect:false

                },{

                    arr1:null,

                    arr2:null,

                    expect:false

                },{

                    arr1:[],

                    arr2:undefined,

                    expect:false

                },{

                    arr1:"abc",

                    arr2:"cba",

                    expect:false

                }];

    //使用for循环, 通过arraysSimilar函数验证以上数据是否相似，如相似显示“通过”,否则"不通过",所以大家要完成arraysSimilar函数,具体要求，详见任务要求。

            for(var i=0;i<cases.length;i++){

                if(arraysSimilar(cases[i].arr1,cases[i].arr2)!==cases[i].expect) {

                    document.write("不通过！case"+(i+1)+"不正确！arr1="+JSON.stringify(cases[i].arr1)+", arr2="+JSON.stringify(cases[i].arr2)+" 的判断结果不是"+cases[i].expect);

                    return false;

                }

            }

            return true;

        }();

    document.write("判定结果:"+(result?"通过":"不通过"));








但是存在一个问题：最后，用if(arrType1.sort().toString()== arrType2.sort().toString())进行判断，但是toString()方法适合内置类型和基本元素。遇到 null 和 undefined 失效。（在IE6/7/8都会返回object）


　　　　　　　　　 内置对象：Date,Array,String,Math 四种。


　　　　　　　　　 基本类型：number,string, boolean,null,undefined,object


方法二：




        function arraysSimilar(arr1, arr2){

            if(arr1 instanceof Array && arr2 instanceof Array){

                var key1 = [],key2 = [],len = arr1.length,len2=arr2.length;

                // 数组的长度相等判断

                if(len!=len2){return false;}

                // 类型相同判断

                if(len){

                    // 获取类型列表

                    for(var i= 0;i<len;i++){

                        // 数组1的类型列表字串

                        var item1 = arr1[i], typeFirst = typeOf(item1);

                        if(key1.join().indexOf(typeFirst)<0){// join()方法用于把数组中的所有元素放入一个字符串。   if(该类型一次都没出现)

                            key1.push(typeFirst);// indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置,返回的是位置对应的序号

                        }

                        // 数组2的类型列表字串

                        var item2 = arr2[i],typeSecond = typeOf(item2);

                        if(key2.join().indexOf(typeSecond)<0){

                            key2.push(typeSecond);

                        }

                    }

                    key1 = key1.sort();

                    key2 = key2.sort();

                    // 类型字串比较

                    if(key1.join() == key2.join()){

                        return true;

                    }else{

                        return false;

                    }

                }else{

                    // 空数组相等

                    return true;

                }

            }else{

                // 非数组

                return false;

            }

        }

　　　　　function typeOf(item){
            var type = typeof item;
            if(type != "object"){
                // 判断基本类型string,function,boolean,number,undefine
            }else if(item === null){
                // check null
                type = "null";
            }else if(item === window){
                // check window
                type ="window";
            }else{
                // 判断object类型object,date,array
                if(item instanceof Date){
                    type = "date";
                }else if(item instanceof Array){
                    type = 'array';
                }else{
                    type = 'object';
                }
            }
            return type;
        }




												


											
Javascript 判断传入的两个数组是否相似的更多相关文章
	

    
								
  1. javascript 简单实现对两个数组相似度的检验
		
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
		
    2. 
						
  2. JavaScript判断该对象是否为数组
		
    typeof 用来检测数据类型,Function, String, Number, Undefined都可以使用typeof来判断. function test(){} console.log(typ ...
    
		
    3. 
						
  3. JavaScript判断变量名是否存在数组中
		
    直接上代码: JavaScript代码: var array=[{name:"张珊",sex:"男"}]; console.log(array); if(arr ...
    
		
    4. 
						
  4. [转][javascript]判断传入参数
		
    // IE 下 name 都是 undefined ,这里手动赋值 Number.name="Number"; //String.name="String";  ...
    
		
    5. 
						
  5. 判断两个数组是否相似 (arraysSimilar)
		
    题目 解答 思路 具体实现代码 总结 题目 题目来自 慕课网 JavaScript 深入浅出 1-6 编程练习 请在 index.html 文件中,编写 arraysSimilar 函数,实现判断传入 ...
    
		
    6. 
						
  6. javascript合并两个数组
		
    在开发的过程中,我们很多时候会遇到需要将两个数组合并成一个数组的情况出现. var arr1 = [1, 2, 3]; var arr2 = [4, 5, 6]; // 将arr1和arr2合并成为[ ...
    
		
    7. 
						
  7. 用JavaScript比较两个数组是否相等
		
    JS怎么比较两个数组是否有完全相同的元素?Javascript不能直接用==或者===来判断两个数组是否相等,无论是相等还是全等都不行,以下两行JS代码都会返回false alert([0,0,0]= ...
    
		
    8. 
						
  8. Javascript 连接两个数组
		
    JS合并两个数组的方法 我们在项目过程中,有时候会遇到需要将两个数组合并成为一个的情况.比如: var a = [1,2,3]; var b = [4,5,6]; 有两个数组a.b,需求是将两个数组合 ...
    
		
    9. 
						
  9. JavaScript如何比较两个数组的内容是否相同
		
    今天意外地发现JavaScript是不能用==或===操作符直接比较两个数组是否相等的. alert([]==[]); // false alert([]===[]); // false 以上两句代码 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 3D模型展示以及体积、表面积计算
			
    本文原创 如转载请注明出处!!! 本博客地址http://www.cnblogs.com/we-jack 本文原创,如果有同样需求的小伙伴请第一时间联系我 或者在留言区留言 上次为大家提供了3D模型的 ...
    
			
    2. 
						
  2. jQuery对于动态生成的元素绑定无效的问题～～
			
    问题:很多时候发现,对动态生成的元素绑定click事件是无效的- 原因:直接绑定到动态生成的元素是无效的,是因为Jquery扫描文档找出所有的$(‘’)元素,并把函数绑定到每个元素的click事件上, ...
    
			
    3. 
						
  3. 4.Apache POI使用详解
			
    一.POI结构与常用类 1.POI介绍 Apache POI是Apache软件基金会的开源项目,POI提供API给Java程序对Microsoft Office格式档案读和写的功能. .NET的开发人 ...
    
			
    4. 
						
  4. [mysql] MySQL解压缩安装步骤
			
    以前装的MySQL出问题了,只好卸载了. 又下载了一个mysql-5.6.24-win32.1432006610.zip.msi文件直接安装就行了.这里需要解压到指定目录,配置后可使用. 环境变量配置 ...
    
			
    5. 
						
  5. [bzoj1565][NOI2009]植物大战僵尸_网络流_拓扑排序
			
    植物大战僵尸 bzoj1565 题目大意:给你一张网格图,上面种着一些植物.你从网格的最右侧开始进攻.每个植物可以对僵尸提供能量或者消耗僵尸的能量.每个植物可以保护一个特定网格内的植物,如果一个植物被 ...
    
			
    6. 
						
  6. kvm之十二：虚拟机迁移
			
    虚拟机迁移该方式要确保虚拟机是关机状态.virsh shutdown snalevirsh dumpxml snale > /etc/libvirt/qemu/snale_qy.xml  //  ...
    
			
    7. 
						
  7. openjudge（四）
			
    关于switch的应用: #include <iostream>#include<iomanip>using namespace std;int main(){int a,b; ...
    
			
    8. 
						
  8. 真是没想到，ikvm.net居然停止开发了。
			
    看样子作者对.net已经失去了信心 http://weblog.ikvm.net/CommentView.aspx?guid=33ea525f-a291-418a-bd6a-abdf22d0662b# ...
    
			
    9. 
						
  9. MyAdapter   Andriod
			
    private List<T> listdate;//定义数据对象 //为了获取item中的点击事件定义ViewHolderprivate static class ViewHolder  ...
    
			
    10. 
						
  10. Docker深入浅出系列教程——Docker初体验
			
    我是张飞洪,钻进浩瀚代码,十年有余,人不堪其累,吾不改其乐.我喜欢把玩代码,琢磨词句!代码算法让我穿透规律,文章摘句让我洞察人情.如果你觉得和我的看法不一样,请关注我的头条号,那我们一定合得来. Do ...
    
			
    11.