如何使用JS提取JSON中cast数组前5条结果并在页面展示

你可以直接用数组slice方法截取前5条数据，遍历拼接后插入容器即可，该方法天然兼容cast数组长度不足5的场景，不会报索引错误，原有页面容器不需要修改。

方案1：纯文本顿号分隔展示 #

let movieCredits = document.getElementById("movieCredits");
// 截取前5条提取姓名，用顿号拼接
const showCast = out.credits.cast.slice(0, 5).map(castItem => castItem.name).join('、');
movieCredits.innerHTML = showCast;

方案2：无序列表展示（更适配演职人员名单场景） #

let movieCredits = document.getElementById("movieCredits");
// 生成列表项HTML字符串
const castList = out.credits.cast.slice(0, 5).map(castItem => `<li>${castItem.name}</li>`).join('');
// 插入无序列表到容器
movieCredits.innerHTML = `<ul>${castList}</ul>`;

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