LeetCode 836题 矩形重叠 -- JavaScript

题目描述：

矩形以数组 [x1, y1, x2, y2] 的形式表示，其中 (x1, y1) 为左下角的坐标，(x2, y2) 是右上角的坐标。

如果相交的面积为正，则称两矩形重叠。需要明确的是，只有角或边接触的两个矩形不构成重叠。

给出两个矩形，判断它们是否重叠并返回结果。

示例 : 

输入：rec1 = [0,0,2,2], rec2 = [1,1,3,3]
输出：true

输入：rec1 = [0,0,1,1], rec2 = [1,0,2,1]
输出：false

说明：

1. 两个矩形 rec1 和 rec2 都以含有四个整数的数组的形式给出。
2. 矩形中的所有坐标都处于 -10^9 和 10^9 之间。

方法分析：

该题我采用的是反向思维法。我考虑的是在什么样的情况下两个矩形不会重叠。其实很容易得出，下面以一张图为例：

                           

左图两矩形就是重叠的，而右图两矩形是非重叠的。我们先从x轴上来看，如果[x1,x2]和[x3,x4]没有交集，则两矩形肯定就不是重叠的。这个逻辑能明白吗？在y轴上同样也是如此，如果[y1,y2]和[y3,y4]没有交集，则两矩形肯定就不是重叠的。而利用代码如何判断是否有交集呢？在该图中，就是判断x2是否大于x3和y2是否大于y3。在实际中，由于不知道两个矩形摆放的位置关系，所以还需要判断x4是否大于x1和y4是否大于y1。

代码实现：

var isRectangleOverlap = function(rec1, rec2) {
   if (Math.max(rec1[0], rec1[2]) <= Math.min(rec2[0], rec2[2]) || Math.min(rec1[0], rec1[2]) >= Math.max(rec2[0], rec2[2])) return false
   if (Math.max(rec1[1], rec1[3]) <= Math.min(rec2[1], rec2[3]) || Math.min(rec1[1], rec1[3]) >= Math.max(rec2[1], rec2[3])) return false 
    return true
};

代码逻辑在方法分析中已经阐述过了。除了那两种情况以外，其他的肯定是重叠的矩形。上述代码还可以简化一下：

var isRectangleOverlap = function(rec1, rec2) {
  if (rec1[2] <= rec2[0] || rec1[0] >= rec2[2]) return false
  if (rec1[3] <= rec2[1] || rec1[1] >= rec2[3]) return false 
  return true
};

当然，还可以再简化一些：

var isRectangleOverlap = function(rec1, rec2) {
  return Math.max(rec1[0], rec2[0]) < Math.min(rec1[2], rec2[2]) && Math.max(rec1[1], rec2[1]) < Math.min(rec1[3], rec2[3]);
};

参考链接：https://leetcode-cn.com/problems/rectangle-overlap/description/