判断数组是否相似 typeof instanceof

最新推荐文章于 2022-03-04 20:43:58 发布
最新推荐文章于 2022-03-04 20:43:58 发布
阅读量181 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/persist_xyz/article/details/88351856
版权 
任务
请在index.html文件中，编写arraysSimilar函数，实现判断传入的两个数组是否相似。具体需求：
1. 数组中的成员类型相同，顺序可以不同。例如[1, true] 与 [false, 2]是相似的。
2. 数组的长度一致。
3. 类型的判断范围，需要区分:String, Boolean, Number, undefined, null, 函数，日期, window.
当以上全部满足，则返回"判定结果:通过"，否则返回"判定结果:不通过"。

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb18030">
    <title>判断数组是否相似</title>
</head>
<body>
    <script type="text/javascript">   
        /*
         * param1 Array 
         * param2 Array
         * return true or false
         */
        function arraysSimilar(arr1, arr2){
            if (!(arr1 instanceof Array) || !(arr2 instanceof Array)) {
                return false
            }
            if (arr1.length !== arr2.length) {
                return false
            }
            var TYPES = ['string', 'boolean', 'number', 'undefined', 'null', 'function', 'date', 'window'], 
            a1,
            a2,
            arr1TypesObj = {},
            arr2TypesObj = {}
            
            function whatType (ele) {
                var resultType;
                if (ele === null) {
                    resultType = 'null'
                } else if (ele === 'window') {
                    resultType = 'window'
                } else if (ele instanceof Array) {
                    resultType = 'array'
                } else if (ele instanceof Date) {
                    resultType = 'date'
                } else {
                    resultType = typeof ele
                }
                return resultType
            }
            
            for (var i = 0; i < arr1.length; i++) {
                a1 = whatType(arr1[i])
                a2 = whatType(arr2[i])
                if (arr1TypesObj[a1]) {
                    arr1TypesObj[a1] ++
                } else {
                    arr1TypesObj[a1] = 1
                }
                
                if (arr2TypesObj[a2]) {
                    arr2TypesObj[a2] ++
                } else {
                    arr2TypesObj[a2] = 1
                }
            }
            
            for(var i = 0, n = TYPES.length; i < n; i++) {
                if (arr1TypesObj[TYPES[i]] !== arr2TypesObj[TYPES[i]]) {
                    return false
                }
            }
            return true
        }
    </script>
</body>
</html>


-----------TEST-------------


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?"通过":"不通过"));
persist_xyz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS中typeof与instanceof之间的区别总结
10-26
本文是对JS中typeof与instanceof之间的区别进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
判断两个数组有相同的数据
鳄鱼儿
07-08 4423
判断两个数组是否含有重复数据，比如说 [1,3,5,7]，和 [1,2,3,5,8,9] 有 1，3，5三个值是相同的，那么得到的应该是true let arr1 = [1,2,3,5,8,9] let arr2= [1,3,5] let res = arr2.every((x)=>{ return arr1.includes(x) }) console.log(res) //true 如果是要取相同的部分，比如说 [1,3,5,7]，和 [1,2,3,5,8,9] 有 1，3，5三个值是相
判断数组的方法以及优劣势
杏子
10-31 989
三种判断是否为数组的方法。一、instanceof Array ，方法二：Array.isArray()，方法三：Object.prototype.toString.call()。
判断两个数组是否相似
yw_hard的博客
03-04 757
js相似数组区分
使用 instanceof Array判断是否数组
欢迎小伙伴们的评论和私信，工作日基本都会上来看看的哈
12-09 4407
使用instanceof Array判断是否数组
JS判断数组那点事
11-27
面试题中有个这样题目 如何判断数组 大家都知道哪些方法 其实有时候 明明知道哪些方法 但在关键时候就是说不上来 typeof运算符 typeof会返回这个类型的字符串 var a = '123' console.log(typeof(a)) //string ...
详解JavaScript中typeof与instanceof用法
01-21
需要判断其是否是数组，用到了if (typeof(document.MapCheckMgr.checkid)!=undefined) 以前用得少，就顺便查了一下关于typeof的那些事  typeof用以获取一个变量或者表达式的类型，typeof一般只能返回如下几个结果：...
浅谈js数据类型判断与数组判断
11-24
写在开篇： 昨天面试发现一个十分非常简单的问题竟然没有回答上来，可能也确实是因为太紧张了，感觉被自己蠢哭了。后来想想还是应该认真记录一下，这样才能印象深刻。革命尚未成功，壮实仍需努力！...
JS中typeof与instanceof的区别
05-13
JS中typeof与instanceof的区别
关于instanceof无法正确判断对象为数组或对象的原因
weixin_38075811的博客
12-31 2410
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/instanceof
判断对象是否是数组instanceof和isArray
u010486315的专栏
02-19 2833
instanceof问题在于，它假定了单一的全局执行环境。如果网页中包含多个框架，那实际上就存在两个以上不同的全局执行环境，从而存在两个以上不同版本的Array构造函数。如果你从一个框架向另一个框架传入一个数组，那么传入的数组与在第二个框架中原生创建的数组分别具有各自不同的构造函数。为了解决这个问题，尽量使用Array.isArray()方法，这个方法的目的是确认某个值是否是数组，而不管它是在哪个
js判断对象是否是数组的方法
weixin_30478757的博客
07-09 47
var arr = [1,2,3,4]; var obj = {title:'title'} console.log(Array.isArray(arr)) console.log(Object.prototype.toString.call(arr)) console.log(Object.prototype.toString.call(obj)) console.log(...
java判断对象是否为数组 并且取得数组的值 --- 用instanceof或则isArray() 方法
热门推荐
猫儿
11-30 6万+
今天项目逻辑需要传个数组过去..然后调用一个通用方法.但是这个方法的参数是 object  如果改变这个参数类型 其他模块调用这个方法就会出现问题   最后解决办法是在dao层加入了一个判断                                  这是dao层代码                                     public List findByPr
instanceof 与 isArray
包磊磊的博客
03-12 1653
当检测Array实例时，Array.isArray优于instanceof，因为Array.isArray可以检测出iframes var iframe = document.createElement('iframe'); document.body.appendChild(iframe); xArray = window.frames[window.frames.leng...
imooc《JavaScript深入浅出》上的一个 arraysSimilar 函数
weixin_30737433的博客
07-15 66
任务 请在 index.html 文件中，编写 arraysSimilar 函数，实现判断传入的两个数组是否相似。具体需求： 数组中的成员类型相同，顺序可以不同。例如 [1, true] 与 [false, 2] 是相似的。 数组的长度一致。 类型的判断范围，需要区分： String , Boolean, Number, undefined, null, 函数, 日期, window. 当以上...
java与js的instanceof与typeof的使用
悦分享
11-12 1万+
java 　instanceof 用来测试一个对象是否为一个类的实例，能不能转为某个类的对象。用法为： boolean result = obj instanceof Class 其中 obj 为一个对象，Class 表示一个类或者一个接口，当 obj 为 Class 的对象，或者是其直接或间接子类，或者是其接口的实现类，结果result 都返回 true，否则返回false。 　　注意...
js判断数组中是否有数字
最新发布
08-16
在 JavaScript 中，你可以使用数组的一些方法判断数组中是否包含数字。 下面是几种常见的： 1. 使用 Array() 方法：该方法检数组中是否至少一个元素满足定条件。你可以使用 Number.is() 方法来判断一个元素是否为整数。 ```javascript var array = [1, 2, 'a', 'b']; var containsNumber = array.some(element => Number.isInteger(element)); console.log(containsNumber); // 输出: true ``` 2. 使用 Array.indexOf() 方法：该方法返回指定元素在数组中的索引，如果不存在则返回 -1。你可以使用 typeof 运算符来判断一个元素的类型是否为 "number"。 ```javascript var array = [1, 2, 'a', 'b']; var containsNumber = array.indexOf(item => typeof item === 'number') !== -1; console.log(containsNumber); // 输出: true ``` 3. 使用 Array.includes() 方法：该方法检查数组中是否包含指定元素，如果包含则返回 true，否则返回 false。你可以使用 typeof 运算符来判断一个元素的类型是否为 "number"。 ```javascript var array = [1, 2, 'a', 'b']; var containsNumber = array.includes(item => typeof item === 'number'); console.log(containsNumber); // 输出: true ``` 上述代码中，我们使用了箭头函数和 typeof 运算符来进行判断。你可以根据自己的需求选择适合的方法来判断数组中是否包含数字。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值