javascript - 显示随机选择的列表项并随机播放

Question

我有一个可以打乱列表的脚本。但我想要的是它会洗牌并选择 4 个项目。像这样:

• 星期六
• 星期二
• 星期一
• 星期五

我该怎么做？

var ul = document.querySelector('#lister');
for (var i = ul.children.length; i >= 0; i--) {
    ul.appendChild(ul.children[Math.random() * i | 0]);
}

<ul id="lister">
    <li>Sunday</li>
    <li>Monday</li>
    <li>Tuesday</li>
    <li>Wednesday</li>
    <li>Thursday</li>
    <li>Friday</li>
    <li>Saturday</li>
</ul>

Answer 1

为什么不直接使用条件逻辑呢？如果您已经拥有最大值，只需删除该节点而不是追加它。

var ul = document.querySelector('#lister');
var max = 4;

for (var i = ul.children.length; i >= 0; i--) {
    if(ul.children.length - i > max) {
        ul.removeChild(ul.children[i]);
    } else {
        ul.appendChild(ul.children[Math.random() * i | 0]);
    }
}

<ul id="lister">
    <li>Sunday</li>
    <li>Monday</li>
    <li>Tuesday</li>
    <li>Wednesday</li>
    <li>Thursday</li>
    <li>Friday</li>
    <li>Saturday</li>
</ul>