Javascript 有没有办法从数组中得到唯一的随机子数组,每个随机数组都应该';t有相同的元素吗?

Javascript 有没有办法从数组中得到唯一的随机子数组,每个随机数组都应该';t有相同的元素吗?,javascript,css,Javascript,Css,我需要在网站上展示团队成员。该站点一次应显示四个团队成员的个人资料。由于团队成员多于四名,因此应随机显示团队成员。除非所有其他项目至少显示一次,否则团队成员图像不应重复 我被困在pick。此处if(displayedArrayStore.length{ const card=document.createElement('div'); const image=document.createElement('img'); const name=document.createElement('p')

我需要在网站上展示团队成员。该站点一次应显示四个团队成员的个人资料。由于团队成员多于四名,因此应随机显示团队成员。除非所有其他项目至少显示一次,否则团队成员图像不应重复

我被困在
pick
。此处
if(displayedArrayStore.length{
const card=document.createElement('div');
const image=document.createElement('img');
const name=document.createElement('p');
const desc=document.createElement('p');
/*指定类名*/
card.classList.add('memberCard');
image.classList.add('avatar');
name.classList.add('memName');
desc.classList.add('activity');
/*为其分配数据*/
image.setAttribute(
“src”,
`${path.concat(teamMembers[member].avatar)}`
);
name.innerText=`${teamMembers[member].memId}-${teamMembers[member].memName}`;
desc.innerText=teamMembers[member]。活动;
/*附加到父元素*/
容器。附加(卡片);
卡片。追加(图片);
卡片。附加(姓名);
卡片追加(desc);
});
}
/*使用clearInterval删除数据*/
函数removingMembers(){
让container=document.querySelector('.container');
容器。移除();
}
/*生成随机数*/
函数generatingandomnumbers(成员,memsToDisplay){
console.log('generating');
让随机校验数组;
如果(members.length>memsToDisplay){
randomCheckArray=新集合();
while(randomCheckArray.size!==4){
添加(Math.floor(Math.random()*members.length));
}
finalRandomArray=Array.from(randomCheckArray);
返回最终随机数组;
}否则{
最终随机数组=成员;
}
randomCheckArray=null;
}
函数pickRandomMembers(成员,memsToDisplay=4){
让TeamMemberScope=JSON.stringify(成员);
让randomNumberArray=生成随机数(
成员,
memsToDisplay
);
如果(构件长度<4){
制作会员卡(会员);
cosnole.log(“第220行”);
}否则{
如果(显示ArrayStore.length
制作会员卡(
生成域名(成员、memsToDisplay)
),
5000
);
//制作会员卡(生成域名(会员、会员显示));
//生成域名(成员,memsToDisplay);
console.log('if after');
}否则{
console.log('else pick');
displayedArrayStore=[…RandomNumberArraray];
for(设i=0;i
@导入url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
:根{
--主clr:rgba(255、255、255、0.8);
--次级clr:rgba(0,0,0,0.8);
--fontFamily:“机器人”,无衬线;
--字体大小:16px;
}
*,
::之后,
::之前{
框大小:边框框;
}
身体{
宽度:100%;
高度:100vh;
保证金:0;
填充:0;
溢出x:隐藏;
背景色:var(--主clr)!重要;
}
.集装箱{
显示器:flex;
弯曲方向:行;
柔性包装:包装;
高度:自动;
填充:80px;
间隙:20px;
}
.会员卡{
弹性:120%;
显示器:flex;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
背景色:var(--次级clr);
颜色:var(--主clr);
字体系列:var(--fontFamily);
填充:20px;
边界半径:1米;
}