求一个横竖填字游戏 js代码逻辑 要求横竖必须是四字成语

创建一个横竖填字游戏，要求横竖填字都是四字成语，涉及以下几个步骤：生成四字成语列表、创建游戏网格、填充和检查合法性。下面是详细的 JavaScript 实现步骤和示例代码。

1. 准备四字成语列表

首先，准备一个四字成语的列表。这可以从公开的成语词典或数据库中获取，以下是一个简化示例：

javascript
复制代码
const idioms = [
    '画蛇添足', '半途而废', '一心一意', '自相矛盾',
    '狐假虎威', '鹤立鸡群', '见义勇为', '口口声声'
    // ...可以添加更多的四字成语
];

2. 创建游戏网格

创建一个游戏网格，我们用二维数组来表示网格的状态。每个单元格可以填充一个字，初始为空：

javascript
复制代码
const gridSize = 4; // 设定为4x4的网格
let grid = Array.from({ length: gridSize }, () => Array(gridSize).fill(' '));

3. 随机选择并填充成语

为了填充网格，需要考虑如何将成语放入网格中。以下是一个简单的填充逻辑：

javascript
复制代码
function placeIdiom(idiom, grid, row, col, direction) {
    if (direction === 'horizontal') {
        if (col + idiom.length > gridSize) return false; // 超出边界
        for (let i = 0; i < idiom.length; i++) {
            if (grid[row][col + i] !== ' ' && grid[row][col + i] !== idiom[i]) return false; // 已有不同字符
        }
        for (let i = 0; i < idiom.length; i++) {
            grid[row][col + i] = idiom[i]; // 填充成语
        }
        return true;
    } else if (direction === 'vertical') {
        if (row + idiom.length > gridSize) return false; // 超出边界
        for (let i = 0; i < idiom.length; i++) {
            if (grid[row + i][col] !== ' ' && grid[row + i][col] !== idiom[i]) return false; // 已有不同字符
        }
        for (let i = 0; i < idiom.length; i++) {
            grid[row + i][col] = idiom[i]; // 填充成语
        }
        return true;
    }
    return false;
}

4. 随机填充网格

以下是一个简单的随机填充网格的示例：

javascript
复制代码
function fillGrid(grid, idioms) {
    for (let idiom of idioms) {
        let placed = false;
        while (!placed) {
            const direction = Math.random() < 0.5 ? 'horizontal' : 'vertical';
            const row = Math.floor(Math.random() * gridSize);
            const col = Math.floor(Math.random() * gridSize);
            placed = placeIdiom(idiom, grid, row, col, direction);
        }
    }
}

5. 打印网格

为了方便查看网格，可以创建一个函数来打印网格：

javascript
复制代码
function printGrid(grid) {
    console.log(grid.map(row => row.join(' ')).join('\n'));
}

6. 运行示例

将上述代码片段组合起来，运行示例代码如下：

javascript
复制代码
// 四字成语列表
const idioms = [
    '画蛇添足', '半途而废', '一心一意', '自相矛盾',
    '狐假虎威', '鹤立鸡群', '见义勇为', '口口声声'
    // ...可以添加更多的四字成语
];

// 创建4x4网格
const gridSize = 4;
let grid = Array.from({ length: gridSize }, () => Array(gridSize).fill(' '));

// 随机填充网格
function placeIdiom(idiom, grid, row, col, direction) {
    if (direction === 'horizontal') {
        if (col + idiom.length > gridSize) return false; // 超出边界
        for (let i = 0; i < idiom.length; i++) {
            if (grid[row][col + i] !== ' ' && grid[row][col + i] !== idiom[i]) return false; // 已有不同字符
        }
        for (let i = 0; i < idiom.length; i++) {
            grid[row][col + i] = idiom[i]; // 填充成语
        }
        return true;
    } else if (direction === 'vertical') {
        if (row + idiom.length > gridSize) return false; // 超出边界
        for (let i = 0; i < idiom.length; i++) {
            if (grid[row + i][col] !== ' ' && grid[row + i][col] !== idiom[i]) return false; // 已有不同字符
        }
        for (let i = 0; i < idiom.length; i++) {
            grid[row + i][col] = idiom[i]; // 填充成语
        }
        return true;
    }
    return false;
}

function fillGrid(grid, idioms) {
    for (let idiom of idioms) {
        let placed = false;
        while (!placed) {
            const direction = Math.random() < 0.5 ? 'horizontal' : 'vertical';
            const row = Math.floor(Math.random() * gridSize);
            const col = Math.floor(Math.random() * gridSize);
            placed = placeIdiom(idiom, grid, row, col, direction);
        }
    }
}

function printGrid(grid) {
    console.log(grid.map(row => row.join(' ')).join('\n'));
}

// 填充并打印网格
fillGrid(grid, idioms);
printGrid(grid);

总结

以上代码展示了如何使用 JavaScript 创建一个简单的横竖填字游戏，其中网格大小为 4x4，填充的都是四字成语。我们创建了成语列表，定义了填充逻辑，并随机选择位置和方向填充网格。可以根据需要扩展成语列表或调整网格大小。