AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • 主页
  • 系统&网络
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / coding / 问题 / 79592023
Accepted
Lance Pollard
Lance Pollard
Asked: 2025-04-25 15:32:42 +0800 CST2025-04-25 15:32:42 +0800 CST 2025-04-25 15:32:42 +0800 CST

如何创建一个仅具有所有偶数或所有奇数行大小且仅变化 2 的布局?

  • 772

我已经连续几天使用 Claude 3.7 Sonnet 和 ChatGPT 4o 进行迭代,试图让它完全符合我的要求,但它在算法上不断犯错误,并且基本上循环往复地犯同样的错误。

如何制作一个“布局”(整数数组),它代表一个网格,具有以下约束:

  1. 该函数是generateGridLayout(n, minColumns, maxColumns),实际上它通常被称为gen(n, 3, 7),但理论上可以是任何可以形成漂亮网格的东西,比如gen(n, 2, 256)最大范围。
  2. 它应该处理任意数量的元素(比如最多Number.MAX_SAFE_INTEGER,也就是9007199254740991,但实际上我的“网格布局”主要只有最多 1000 个项目)。
  3. 如果项目数量n为奇数,则每行只能包含奇数个值。如果项目n数量为偶数,则每行可以包含偶数或奇数个值(例如,30,可以是 10 行,每行 3 个值,或者 3 行,每行 10 个值)。
  4. 行数之间的差异只能是2,并且始终是递减的。差异不能是 3、4 等等。这意味着 7 不能是 [5, 2] 或 [4, 4, 1],因为它们的跳跃次数大于 2。如果gen(7, 3, 7),它只能是 [7] 或 [3, 3, 1]。
  5. (元注释,这是一个 UI 布局,因此它基于视口/容器大小,所以如果我们说“最大值是 7”,但只有 5 个空间,它会将最大值设置为 5,但这个事实与解决方案并不相关)
  6. 如果我们说“最大值为 7”,但项目数为偶数,并且偶数不能满足“所有偶数行或所有奇数行”的条件,则尝试maxColumns - 1,依此类推,直到minColumns。
  7. 重要提示:它应该最小化小行的数量。因此,对于 29,当最大列数为 6 时,它应该是 [5, 5, 5, 5, 5, 3, 1],而不是 [5, 5, 5, 5, 3, 3, 3]。也就是说,它最大化了大行的数量,并最小化了小行的数量。同样,对于 29,它绝对不应该是 [5, 5, 5, 5, 3, 3, 1, 1, 1]。

以下是一些示例来说明该目标:

31
[5, 5, 5, 5, 5, 3, 3]
[3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 1]

30
[5, 5, 5, 5, 5, 5]
[3, 3, 3, 3, 3, 3, 3, 3, 3, 3]

29
[5, 5, 5, 5, 5, 3, 1]
[3, 3, 3, 3, 3, 3, 3, 3, 3, 1, 1]

28
[6, 6, 6, 6, 4]
[4, 4, 4, 4, 4, 4, 4]

27
[5, 5, 5, 5, 3, 3, 1]
[3, 3, 3, 3, 3, 3, 3, 3, 3]

26
[6, 6, 6, 4, 2, 2]
[4, 4, 4, 4, 4, 4, 4]

23
[5, 5, 5, 5, 3]
[3, 3, 3, 3, 3, 3, 3, 1, 1]

这些显示,如果 5 或 6 是最大列,它会做什么,以及如果 4 或 3 是最大列,它应该做什么。

例如,26 个最大 7 列不应该是:

[6, 6, 6, 6, 2] # jumps more than 2
[4, 4, 4, 4, 4, 4, 2] # doesn't maximize maxColumns

理想情况下应该是:

[6, 6, 6, 4, 2, 2] # jumps max 2, maximizes large columns, minimizes small columns.

这是我当前的解决方案:

log(29, 2, 7)
log(29, 2, 6)
log(29, 2, 5)
log(29, 2, 4)
log(44, 2, 3)

function distributeGridLayout(
  length,
  minColumns,
  maxColumns
) {
  function recur(
    dp,
    length,
    width,
  ) {
    if (length == 0) {
      return []
    }

    if (length < width - 2 || width <= 0) {
      return
    }

    if (dp[width].has(length)) {
      return
    }

    dp[width].add(length)

    for (let i = 0; i < 2; i++) {
      let result = recur(dp, length - width, width)
      if (result) {
        return [width, ...result]
      }
      width -= 2
    }

    return
  }

  if (length <= maxColumns) {
    return [length]
  }

  if (maxColumns >= 3 && length === 7) {
    return [3, 3, 1]
  }

  if (maxColumns >= minColumns && length % maxColumns === 0) {
    const result = []
    while (length) {
      result.push(maxColumns)
      length -= maxColumns
    }
    return result
  }

  if (maxColumns > 4) {
    if (maxColumns > minColumns && length % (maxColumns - 1) === 0) {
      const result = []
      maxColumns--
      while (length) {
        result.push(maxColumns)
        length -= maxColumns
      }
      return result
    }
  }

  const dec = 2 - (length % 2)

  maxColumns -= maxColumns % dec

  const dp = Array.from(
    { length: maxColumns + 1 },
    () => new Set(),
  )

  for (let width = maxColumns; width > 0; width -= dec) {
    const result = recur(dp, length - width, width)
    if (result) {
      if (width <= minColumns) {
        return
      }
      return [width, ...result]
    }
  }

  return
}

function log(n, min, max) {
  const grid = distributeGridLayout(n, min, max)
  console.log(`gen(${n}, ${min}, ${max})`, grid)
}

这对大多数人来说都是有效的,比如这个藏文布局(29 个字符):

但它不适用于这种泰语布局(44 个字符,2-3 列),这是它的结尾(在我的 UI 中,如果算法返回未定义,它会回退到基本的网格布局):

我到底需要修改什么才能让它始终符合我的规则?44 布局(3 最大 2 最小)基本上应该是一个 2 列布局……

javascript
  • 1 1 个回答
  • 85 Views

1 个回答

  • Voted
  1. Best Answer
    trincot
    2025-04-26T00:34:24+08:002025-04-26T00:34:24+08:00

    这看起来像是你之前的一个问题的演变,至少这里有一个区别,那就是我们有一个minColumns要求。

    我不太明白为什么你的代码中对这种情况有特殊的处理length==7。

    另外,检查length % maxColumns === 0和的两个块length % (maxColumns - 1) === 0似乎相当随意(比如,为什么不呢length % (maxColumns - 2) === 0,...等等?):这些感觉不像是需要特殊处理的真正边界情况。

    主循环内的退出条件(何时)不应取决于您是否获得了成功的结果,而应将其作为循环条件(与之相反)width <= minColumns来考虑。for

    还有一个问题maxColumns -= maxColumns % dec:maxColumns当它是奇数并且length是偶数时,它会变成偶数。相反,你会希望maxColumns当它是奇数时变成奇数length。我不记得你之前问题的答案中为什么会这样,因为这个问题没有太多细节。无论如何,这必须改变。在主循环中只添加一个条件可能最方便代码维护。

    您的预期结果似乎至少存在两个错误:

    26
    [6, 6, 6, 4, 2, 2]
    [4, 4, 4, 4, 4, 4, 4]
    

    我认为这应该是:

    26
    [6, 6, 6, 4, 4]         // because of rule 7
    [4, 4, 4, 4, 4, 4, 2]   // because sum must be 26
    

    这是包含一些测试用例的更正代码。

    function distribute(length, minColumns, maxColumns) {
        const dp = Array.from({length: maxColumns + 1}, () => new Set());
    
        function recur(length, width) {
            if (length === 0) return [];
            if (length < width - 2 || width <= 0) return null;
            if (dp[width].has(length)) return null;
            dp[width].add(length);
            for (let i = 0; i < 2; i++) {
                let result = recur(length - width, width);
                if (result) return [width, ...result];
                width -= 2;
            }
            return null;
        }
        
        for (let width = maxColumns; width >= minColumns; width--) {
            // An odd length cannot be fulfilled with an even column count
            if (length % 2 > width % 2) continue; 
            const result = recur(length - width, width);
            if (result) return [width, ...result];
        }
        return null;
    }
    
    const tests = [
        // [length, minColumns, maxColumns, ...expected result]
        [31, 1, 6, 5, 5, 5, 5, 5, 3, 3],
        [31, 1, 4, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 1],
        [30, 1, 5, 5, 5, 5, 5, 5, 5],
        [30, 1, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3],
        [29, 1, 6, 5, 5, 5, 5, 5, 3, 1],
        [29, 1, 4, 3, 3, 3, 3, 3, 3, 3, 3, 3, 1, 1],
        [28, 1, 6, 6, 6, 6, 6, 4],
        [28, 1, 4, 4, 4, 4, 4, 4, 4, 4],
        [27, 1, 6, 5, 5, 5, 5, 3, 3, 1],
        [27, 1, 4, 3, 3, 3, 3, 3, 3, 3, 3, 3],
        [26, 1, 6, 6, 6, 6, 4, 4],
        [26, 1, 4, 4, 4, 4, 4, 4, 4, 2],
        [23, 1, 6, 5, 5, 5, 5, 3],
        [23, 1, 4, 3, 3, 3, 3, 3, 3, 3, 1, 1],
        [29, 2, 7, 7, 7, 7, 5, 3],
        [29, 2, 6, 5, 5, 5, 5, 5, 3, 1],
        [44, 2, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 1, 1],
        [7, 2, 6, 3, 3, 1],
    ];
    
    for (const [length, minColumns, maxColumns, ...expected] of tests) {
        const result = distribute(length, minColumns, maxColumns);
        if (JSON.stringify(result) !== JSON.stringify(expected)) {
            throw Error(`Expected distribute(${length}, ${minColumns}, ${maxColumns}) to return ${JSON.stringify(expected)}, but got ${JSON.stringify(result)}`);
        }
    }
    console.log("All tests passed successfully.");

    • 2

相关问题

  • 合并排序不起作用 - Javascript代码:即使在调试后也无法找到错误

  • select.remove() 方法工作得很奇怪[关闭]

  • useOpenWeather() 中总是出现 401 res -react-open-weather lib [重复]

  • 输入元素没有只读属性,但字段仍然不可编辑[关闭]

  • 如何编辑 D3.js RadialTree 的第一个节点半径?

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    重新格式化数字,在固定位置插入分隔符

    • 6 个回答
  • Marko Smith

    为什么 C++20 概念会导致循环约束错误,而老式的 SFINAE 不会?

    • 2 个回答
  • Marko Smith

    VScode 自动卸载扩展的问题(Material 主题)

    • 2 个回答
  • Marko Smith

    Vue 3:创建时出错“预期标识符但发现‘导入’”[重复]

    • 1 个回答
  • Marko Smith

    具有指定基础类型但没有枚举器的“枚举类”的用途是什么?

    • 1 个回答
  • Marko Smith

    如何修复未手动导入的模块的 MODULE_NOT_FOUND 错误?

    • 6 个回答
  • Marko Smith

    `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它?

    • 3 个回答
  • Marko Smith

    在 C++ 中,一个不执行任何操作的空程序需要 204KB 的堆,但在 C 中则不需要

    • 1 个回答
  • Marko Smith

    PowerBI 目前与 BigQuery 不兼容:Simba 驱动程序与 Windows 更新有关

    • 2 个回答
  • Marko Smith

    AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String”

    • 1 个回答
  • Martin Hope
    Fantastic Mr Fox msvc std::vector 实现中仅不接受可复制类型 2025-04-23 06:40:49 +0800 CST
  • Martin Hope
    Howard Hinnant 使用 chrono 查找下一个工作日 2025-04-21 08:30:25 +0800 CST
  • Martin Hope
    Fedor 构造函数的成员初始化程序可以包含另一个成员的初始化吗? 2025-04-15 01:01:44 +0800 CST
  • Martin Hope
    Petr Filipský 为什么 C++20 概念会导致循环约束错误,而老式的 SFINAE 不会? 2025-03-23 21:39:40 +0800 CST
  • Martin Hope
    Catskul C++20 是否进行了更改,允许从已知绑定数组“type(&)[N]”转换为未知绑定数组“type(&)[]”? 2025-03-04 06:57:53 +0800 CST
  • Martin Hope
    Stefan Pochmann 为什么 {2,3,10} 和 {x,3,10} (x=2) 的顺序不同? 2025-01-13 23:24:07 +0800 CST
  • Martin Hope
    Chad Feller 在 5.2 版中,bash 条件语句中的 [[ .. ]] 中的分号现在是可选的吗? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench 为什么双破折号 (--) 会导致此 MariaDB 子句评估为 true? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng 为什么 `dict(id=1, **{'id': 2})` 有时会引发 `KeyError: 'id'` 而不是 TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String” 2024-03-20 03:12:31 +0800 CST

热门标签

python javascript c++ c# java typescript sql reactjs html

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve