分析
类型：JavaScript
分数：10分
难度：简单
考点
- 掌握 JavaScript 嵌套循环
- 掌握 JavaScript 数组的 API
- 掌握 JavaScript 集合（可选）
- 掌握 JavaScript
...运算符的作用
解题思路
使用 JavaScript 嵌套循环，过滤重复的元素
实现-方式一
技巧
在嵌套循环中，判断数组是否包含该元素，如果不包含就添加该元素
代码
修改 collect-puzzle.js 文件，增加下面代码：
const retArr = [];
for( let subArr of puzzles){
for( let item of subArr){
// 如果返回数组不包含该帛书碎片，就放入
if(!retArr.includes(item)){
retArr.push(item);
}
}
}
return retArr;
实现-方式二
技巧
使用 Set 集合，集合会自动过滤重复的元素。
在嵌套循环中，将元素添加到 Set 集合中，然后将 Set 集合转成 数组
代码
修改 collect-puzzle.js 文件，增加下面代码：
for(let i=0;i<count;i++){
const span = document.createElement("span");
span.innerHTML = text;
span.style.color = color;
// 设置旋转角度
// 标准写法
// span.style.transform = `rotate( ${deg}deg)`;
span.style.rotate = deg+"deg";
span.style.opacity = opacity;
container.appendChild(span);
}