如何使用JavaScript随机选取并展示指定国家对象信息？

嘿，这个需求很简单，我来给你一步步拆解怎么做：

核心思路 #

首先把你现有的单个国家变量整合到一个数组里，这样我们就能通过随机索引的方式轻松选中任意一个国家，再把它的信息展示出来就好啦。

具体步骤 & 完整代码 #

// 你的原始国家变量
let sweden = { name: 'Sweden', capacity: 120, common: ['AX8', 'BLL', 'FAV38'] };
let france = { name: 'France', capacity: 560, common: ['BA', 'BLL', 'EXON'] };

// 1. 把国家对象存入数组，方便后续随机选取
const countries = [sweden, france];

// 2. 生成随机索引：Math.random() 生成0-1的随机数，乘以数组长度后取整，得到合法的数组索引
const randomIndex = Math.floor(Math.random() * countries.length);

// 3. 获取随机选中的国家对象
const randomCountry = countries[randomIndex];

// 4. 展示国家信息，这里用控制台输出举例，你也可以改成页面DOM渲染
console.log(`随机选中的国家：${randomCountry.name}`);
console.log(`容量：${randomCountry.capacity}`);
console.log(`通用项：${randomCountry.common.join(', ')}`);

额外补充 #

• 如果之后要新增更多国家，只需要把新的国家对象添加到countries数组里就行，随机逻辑完全不用改，扩展性拉满～
• 这里用Math.floor()取整，你也可以换成Math.trunc()，效果是一样的，都是去掉小数部分得到整数索引。
• 如果是在网页里展示，你可以把输出逻辑改成操作DOM元素，比如把信息插入到某个<div>里：

  const displayDiv = document.getElementById('country-display');
  displayDiv.innerHTML = `
    <h3>${randomCountry.name}</h3>
    <p>容量：${randomCountry.capacity}</p>
    <p>通用项：${randomCountry.common.join(', ')}</p>
  `;
  

内容的提问来源于stack exchange，提问作者Johan