JavaScript中字符串与Emoji表情的优雅转换：以石头剪刀布游戏为例

const emojis = {
  rock: "✊",
  paper: "✋", // 注意：原问题中为'?'，此处使用更常见的'✋'
  scissors: "✌"
};

function getComputerChoice() {
  const options = ["rock", "paper", "scissors"]; // 保持返回字符串
  const random = Math.floor(Math.random() * options.length);
  return options[random];
}

function getResult(playerChoice, computerChoice) {
  let score;
  if (playerChoice === computerChoice) {
    score = 0;
  } else if (
    (playerChoice == "rock" && computerChoice == "paper") ||
    (playerChoice == "paper" && computerChoice == "scissors") ||
    (playerChoice == "scissors" && computerChoice == "rock")
  ) {
    score = -1; // 玩家输
  } else {
    score = 1; // 玩家赢
  }
  return score;
}

// 假设这些DOM元素已在HTML中定义并获取
// const rpsBtns = document.querySelectorAll('.rps-btn');
// const computerChoiceDiv = document.getElementById('computer-choice-display');
// const playerChoiceDiv = document.getElementById('player-choice-display');
// const resultDisplay = document.getElementById('result-display');
// const scoreDisplay = document.getElementById('score-display');

// 辅助函数：更新显示，将字符串转换为Emoji
function showResult(score, playerChoice, computerChoice) {
  // 更新电脑选择的显示，将字符串转换为Emoji
  computerChoiceDiv.innerText = emojis[computerChoice];
  // 更新玩家选择的显示
  playerChoiceDiv.innerText = emojis[playerChoice];

  // 根据分数更新胜负结果文本
  if (score === 1) {
    resultDisplay.innerText = "你赢了！";
  } else if (score === -1) {
    resultDisplay.innerText = "你输了！";
  } else {
    resultDisplay.innerText = "平局！";
  }
  // scoreDisplay.innerText = currentTotalScore; // 假设有一个全局分数变量
}

// 游戏主逻辑（简化版，仅展示相关部分）
function playGame() {
  rpsBtns.forEach(
    (btn) =>
      (btn.onclick = () => {
        const playerChoice = btn.value; // 玩家选择，如"rock"
        const computerChoice = getComputerChoice(); // 电脑选择，如"paper"

        const gameScore = getResult(playerChoice, computerChoice);
        // 调用showResult函数时，传入原始字符串，由showResult内部进行Emoji转换
        showResult(gameScore, playerChoice, computerChoice);
      })
  );
}

// 确保在页面加载完成后调用
// playGame();

// Emoji映射对象
const emojis = {
  rock: "✊",
  paper: "✋",
  scissors: "✌"
};

// 模拟DOM元素，实际项目中应通过document.getElementById或querySelector获取
const computerChoiceDiv = { innerText: '' }; // 模拟显示电脑选择的DOM
const playerChoiceDiv = { innerText: '' };  // 模拟显示玩家选择的DOM
const resultDisplay = { innerText: '' };   // 模拟显示结果的DOM

// 获取电脑选择（返回字符串）
function getComputerChoice() {
  const options = ["rock", "paper", "scissors"];
  const random = Math.floor(Math.random() * options.length);
  return options[random];
}

// 获取游戏结果分数（基于字符串判断）
function getResult(playerChoice, computerChoice) {
  if (playerChoice === computerChoice) {
    return 0; // 平局
  } else if (
    (playerChoice === "rock" && computerChoice === "paper") ||
    (playerChoice === "paper" && computerChoice === "scissors") ||
    (playerChoice === "scissors" && computerChoice === "rock")
  ) {
    return -1; // 玩家输
  } else {
    return 1; // 玩家赢
  }
}

// 更新DOM显示，将字符串转换为Emoji
function showResult(score, playerChoice, computerChoice) {
  playerChoiceDiv.innerText = `玩家: ${emojis[playerChoice]}`;
  computerChoiceDiv.innerText = `电脑: ${emojis[computerChoice]}`;

  if (score === 1) {
    resultDisplay.innerText = "结果: 你赢了！";
  } else if (score === -1) {
    resultDisplay.innerText = "结果: 你输了！";
  } else {
    resultDisplay.innerText = "结果: 平局！";
  }

  console.log(playerChoiceDiv.innerText);
  console.log(computerChoiceDiv.innerText);
  console.log(resultDisplay.innerText);
}

// 模拟玩家点击按钮触发游戏回合
function onClickRPS(playerChoice) {
  const computerChoice = getComputerChoice();
  const gameScore = getResult(playerChoice, computerChoice);
  showResult(gameScore, playerChoice, computerChoice);
}

// 模拟游戏开始和玩家交互
console.log("--- 模拟游戏回合 ---");
onClickRPS("rock");
onClickRPS("paper");
onClickRPS("scissors");