집 > 기사 > 웹 프론트엔드 > javascript는 두 배열이 유사한지 여부를 감지합니다_javascript 기술

javascript는 두 배열이 유사한지 여부를 감지합니다_javascript 기술

WBOY원래의: 2016-05-16 15:58:161097검색

JS는 두 배열의 요소가 동일한지, 즉 두 배열의 모든 요소가 동일한지 비교해야 하지만 요소의 순서가 반드시 동일하지는 않습니다. 당신이 해야 할 일은 먼저 배열을 정렬한 다음 두 배열을 비교하여 동일한지 확인하는 것입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title>js 检测两个数组是否相似</title>
</head>
<body>
  <script>
    //数组中的成员类型相同，顺序可以不同。例如[1, true] 与 [false, 2]是相似的。
     //数组的长度一致。
    //类型的判断范围，需要区分:String, Boolean, Number, undefined, null, 函数，日期, window.
    function arraysSimilar(arr1, arr2){
      //判断边界
      if (!(arr1 instanceof Array) || !(arr2 instanceof Array)) {
        return false;
      }

      //判断长度
      if (arr1.length != arr2.length) return false;

      var i = 0, n = arr1.length, countMap1 = {}, countMap2 = {}, t1, t2, TYPES = ['string', 'boolean', 'number', 'undefined', null, 'function', 'date', 'window'];

      for ( ; i < n; i++) {
        t1 = typeOf(arr1[i]);
        t2 = typeOf(arr2[i]);
        if (countMap1[t1]) {
          countMap1[t1] ++;
        }else{
          countMap1[t1] = 1;
        }
        if (countMap2[t2]) {
          countMap2[t2] ++;
        }else{
          countMap2[t2] = 1;
        }
      }

      function typeOf(ele){
        var r;
        if (ele === null) r = 'null';
        else if(ele instanceof Array) r = 'array';
        else if(ele === window) r = 'window';
        else if(ele instanceof Date) r = 'date';
        else r = typeof ele;
        return r;

      }

      for (i = 0; i < TYPES.length; i++) {
        if (countMap1[TYPES[i]] != countMap2[TYPES[i]]) return false;
      }

      return true;
    }

    document.write(arraysSimilar([1,true], [false, 2]));
  </script>
</body>
</html>

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

성명：

이전 기사：jQuery 페이지의 스크롤 위치 scrollTop 및 scrollLeft_jquery에 대한 간략한 설명다음 기사：jQuery 페이지의 스크롤 위치 scrollTop 및 scrollLeft_jquery에 대한 간략한 설명

javascript는 두 배열이 유사한지 여부를 감지합니다_javascript 기술

관련 기사