AlgoViz Lab交互式算法学习
Algorithms first

盛最多水的容器 · 交互式算法学习

选择两条线，使它们与 x 轴围成的容器盛水最多。

#11 · 双指针

盛最多水的容器

Container With Most Water

测试用例height = [1,8,6,2,5,4,8,3,7]
线性序列3 个关键状态
步骤 1左边更短，面积 8，移动左指针。best=8
1
0
8
1
6
2
2
3
5
4
4
5
8
6
3
7
7
8
推荐

移动较短边界

时间 O(n)空间 O(1)

面积受短板限制；移动长板不会变好，因此每次舍弃较短边。

1function maxArea(h) {2  let l = 0,3    r = h.length - 1,4    best = 0;5  while (l < r) {6    best = Math.max(best, (r - l) * Math.min(h[l], h[r]));7    h[l] < h[r] ? l++ : r--;8  }9  return best;10}
多语言参考

Java · C++ · Go

来源 · CC BY-SA 4.0 ↗

这是一组同题正确实现，独立于上方当前动画方法；不同语言可能采用另一种正确策略。

1class Solution {2    public int maxArea(int[] height) {3        int l = 0, r = height.length - 1;4        int ans = 0;5        while (l < r) {6            int t = Math.min(height[l], height[r]) * (r - l);7            ans = Math.max(ans, t);8            if (height[l] < height[r]) {9                ++l;10            } else {11                --r;12            }13        }14        return ans;15    }16}
交互式算法学习

从执行步骤真正理解 LeetCode 经典 150

本站整理 150 道高频算法面试题和 302 种解法。动画方法同步展示 JavaScript 与 Python；每题另提供 Java、C++ 与 Go 同题参考实现。

多形态可视化数组、矩阵、DP 表、递归树、树图、链表、栈队列堆、区间和状态机按解法选择。
动画与代码同步当前状态、步骤说明、变量和代码高亮保持一一对应，可逐步播放和回退。
适合面试复习每种方案都给出思路、时间复杂度、空间复杂度、测试用例和 LeetCode 中文原题入口。
AlgoViz Lab

盛最多水的容器 · 解法对比

AlgoViz Lab

选择两条线，使它们与 x 轴围成的容器盛水最多。

测试用例
height = [1,8,6,2,5,4,8,3,7]
题目分类
双指针
解法对比
2
方案 1

枚举所有边界

计算每一对边界的宽度乘较短高度。

时间
O(n²)
空间
O(1)
方案 2

移动较短边界

面积受短板限制；移动长板不会变好，因此每次舍弃较短边。

时间
O(n)
空间
O(1)