js怎么写出诗

如何用JavaScript写出诗：利用代码创造艺术、通过算法生成诗句、结合数据源增强创作

用JavaScript写出诗是一种将编程与文学艺术融合的独特方式。你可以通过利用算法生成随机诗句、结合特定的数据源增强创作、甚至通过交互界面与用户共同创作诗歌。这种方法不仅展示了计算机科学的力量，也展示了编程语言的创意潜力。

下面将详细介绍如何实现这些方法：

一、利用算法生成随机诗句

1.1 随机选择词汇和句子结构

要生成诗歌，首先需要一个词汇库和一些句子结构。我们可以预定义一些常见的词汇和句子结构，通过随机选择的方式生成诗句。

const subjects = ["风", "云", "花", "月", "山", "水"];
const verbs = ["飞", "流", "绽放", "升起", "静立", "歌唱"];
const objects = ["天空", "大地", "湖泊", "山川", "心灵", "梦境"];
const structures = [
    "subject verb object",
    "object verb subject",
    "subject verb object and subject verb object"
];
function getRandomElement(array) {
    return array[Math.floor(Math.random() * array.length)];
}
function generateLine() {
    let structure = getRandomElement(structures);
    return structure.replace("subject", getRandomElement(subjects))
                    .replace("verb", getRandomElement(verbs))
                    .replace("object", getRandomElement(objects));
}
console.log(generateLine());

1.2 生成多行诗句

通过循环调用生成诗句的函数，可以生成多行诗句。

function generatePoem(lines) {
    let poem = "";
    for (let i = 0; i < lines; i++) {
        poem += generateLine() + "n";
    }
    return poem;
}
console.log(generatePoem(4));

二、结合数据源增强创作

2.1 使用API获取词汇

可以利用在线API获取更丰富的词汇库。例如，使用一个词语联想API来获取相关词汇。

async function fetchWords(keyword) {
    const response = await fetch(`https://api.datamuse.com/words?ml=${keyword}`);
    const data = await response.json();
    return data.map(wordObj => wordObj.word);
}
async function generateLineWithAPI() {
    const subjects = await fetchWords("nature");
    const verbs = await fetchWords("action");
    const objects = await fetchWords("place");
    const structures = [
        "subject verb object",
        "object verb subject",
        "subject verb object and subject verb object"
    ];
    let structure = getRandomElement(structures);
    return structure.replace("subject", getRandomElement(subjects))
                    .replace("verb", getRandomElement(verbs))
                    .replace("object", getRandomElement(objects));
}
generateLineWithAPI().then(line => console.log(line));

2.2 生成多行诗句

同样地，可以生成多行诗句并通过API增强内容。

async function generatePoemWithAPI(lines) {
    let poem = "";
    for (let i = 0; i < lines; i++) {
        poem += await generateLineWithAPI() + "n";
    }
    return poem;
}
generatePoemWithAPI(4).then(poem => console.log(poem));

三、通过交互界面与用户共同创作

3.1 创建简单的HTML界面

通过HTML和JavaScript，可以创建一个简单的用户界面，让用户参与诗歌创作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Poetry</title>
</head>
<body>
    <h1>JavaScript Poetry Generator</h1>
    <button onclick="generatePoem()">Generate Poem</button>
    <pre id="poem"></pre>
    <script>
        async function fetchWords(keyword) {
            const response = await fetch(`https://api.datamuse.com/words?ml=${keyword}`);
            const data = await response.json();
            return data.map(wordObj => wordObj.word);
        }
        async function generateLineWithAPI() {
            const subjects = await fetchWords("nature");
            const verbs = await fetchWords("action");
            const objects = await fetchWords("place");
            const structures = [
                "subject verb object",
                "object verb subject",
                "subject verb object and subject verb object"
            ];
            let structure = getRandomElement(structures);
            return structure.replace("subject", getRandomElement(subjects))
                            .replace("verb", getRandomElement(verbs))
                            .replace("object", getRandomElement(objects));
        }
        async function generatePoemWithAPI(lines) {
            let poem = "";
            for (let i = 0; i < lines; i++) {
                poem += await generateLineWithAPI() + "n";
            }
            return poem;
        }
        function getRandomElement(array) {
            return array[Math.floor(Math.random() * array.length)];
        }
        async function generatePoem() {
            const poem = await generatePoemWithAPI(4);
            document.getElementById("poem").innerText = poem;
        }
    </script>
</body>
</html>

3.2 用户输入关键词生成诗句

可以增强用户体验，让用户输入关键词生成更个性化的诗句。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Poetry</title>
</head>
<body>
    <h1>JavaScript Poetry Generator</h1>
    <input type="text" id="keyword" placeholder="Enter a keyword">
    <button onclick="generatePoem()">Generate Poem</button>
    <pre id="poem"></pre>
    <script>
        async function fetchWords(keyword) {
            const response = await fetch(`https://api.datamuse.com/words?ml=${keyword}`);
            const data = await response.json();
            return data.map(wordObj => wordObj.word);
        }
        async function generateLineWithAPI(keyword) {
            const subjects = await fetchWords(keyword);
            const verbs = await fetchWords("action");
            const objects = await fetchWords("place");
            const structures = [
                "subject verb object",
                "object verb subject",
                "subject verb object and subject verb object"
            ];
            let structure = getRandomElement(structures);
            return structure.replace("subject", getRandomElement(subjects))
                            .replace("verb", getRandomElement(verbs))
                            .replace("object", getRandomElement(objects));
        }
        async function generatePoemWithAPI(lines, keyword) {
            let poem = "";
            for (let i = 0; i < lines; i++) {
                poem += await generateLineWithAPI(keyword) + "n";
            }
            return poem;
        }
        function getRandomElement(array) {
            return array[Math.floor(Math.random() * array.length)];
        }
        async function generatePoem() {
            const keyword = document.getElementById("keyword").value;
            const poem = await generatePoemWithAPI(4, keyword);
            document.getElementById("poem").innerText = poem;
        }
    </script>
</body>
</html>

通过上述方法，你可以使用JavaScript生成诗歌，利用算法和数据源提高创作质量，并通过交互界面与用户共同创作诗句。这不仅展示了编程的力量，也体现了艺术创作的无限可能性。