如何使用filter方法从JavaScript数组中获取某些元素？

我得到一个错误，我的过滤函数不是一个函数，我尝试将我的数组也更改为字符串。最终，我尝试从原始数组创建三个不同的数组，100个星星，命名为starElements

var starElements=document.querySelectorAll（“[value='basicStar']”）；控制台日志（starElements）/starElements.toString（）；console.log（starElements）/； 过滤器（函数（值，索引，arr）{返回索引<33}）；控制台日志（starElements）

var-xs；
var-ys；
var-setBasicStars；
var i；
函数functionTwo（）{
setTimeout（函数（）{
document.querySelector（“tailOne”）.setAttribute（“转换原点”、“中心”）；document.querySelector（“转换框”、“填充框”）；document.querySelector（“tailOne”）.setAttribute（“转换”、“旋转（45”）；document.querySelector（“tailOne”）.style.transition=“转换3s”document.querySelector（“转换tailOne”）.style.visibility=“visible”document.querySelector（#tailOne”）.setAttribute（“变换”、“平移（140 1800）比例（1.2）”）
}, 1000);
setTimeout（function（）{document.querySelector（“#tailTwo”）.setAttribute（“转换原点”、“中心”）；document.querySelector（“#tailTwo”）.setAttribute（“转换框”、“填充框”）；
document.querySelector（“#tailTwo”）.setAttribute（“变换”、“旋转（45”）；
document.querySelector（“#tailTwo”）.style.transition=“transform 3s”；
document.querySelector（“#tailTwo”）.style.visibility=“visible”；
document.querySelector（“#tailTwo”）.setAttribute（“变换”、“平移（140-1800）比例（1.2）”）
}, 2000);
setTimeout（函数（）{
document.querySelector（“#tailThree”）.setAttribute（“转换原点”、“中心”）；
document.querySelector（“#tailThree”）.setAttribute（“转换框”、“填充框”）；
document.querySelector（“#tailThree”）.setAttribute（“变换”、“旋转（45”）；
document.querySelector（“#tailThree”）.style.transition=“transform 3s”；
document.querySelector（“#tailThree”）.style.visibility=“visible”；
document.querySelector（“#tailThree”）.setAttribute（“变换”、“平移（-400-1800）比例（1.2）”）
}, 2000);
setTimeout（函数（）{
document.querySelector（“#tailFour”）.setAttribute（“转换原点”、“中心”）；
document.querySelector（“#tailFour”）.setAttribute（“转换框”、“填充框”）；
document.querySelector（“#tailFour”）.setAttribute（“变换”、“旋转（45”）；
document.querySelector（“#tailFour”）.style.transition=“transform 3s”；
document.querySelector（“#tailFour”）.style.visibility=“visible”；
document.querySelector（“#tailFour”）.setAttribute（“变换”、“平移（-400-1800）比例（1.2）”）
}, 3000);
setTimeout（函数（）{
document.querySelector（“#tailFive”）.setAttribute（“转换原点”、“中心”）；
document.querySelector（“#tailFive”）.setAttribute（“转换框”、“填充框”）；
document.querySelector（“#tailFive”）.setAttribute（“变换”、“旋转（45”）；
document.querySelector（“#tailFive”）.style.transition=“transform 3s”；
document.querySelector（“#tailFive”）.style.visibility=“可见”；
document.querySelector（“#tailFive”）.setAttribute（“变换”、“平移（-400-1800）比例（1.2）”）
}, 1000);
setTimeout（函数（）{
document.querySelector（“#tailSix”）.setAttribute（“转换原点”、“中心”）；
document.querySelector（“#tailSix”）.setAttribute（“转换框”、“填充框”）；
document.querySelector（“#tailSix”）.setAttribute（“变换”、“旋转（45”）；
document.querySelector（“#tailSix”）.style.transition=“transform 3s”；
document.querySelector（“#tailSix”）.style.visibility=“可见”；
document.querySelector（“#tailSix”）.setAttribute（“变换”、“平移（-400-1800）比例（1.2）”）
}, 3500);
setTimeout（函数（）{
document.querySelector（“#tailSeven”）.setAttribute（“转换原点”、“中心”）；
document.querySelector（“#tailSeven”）.setAttribute（“转换框”、“填充框”）；
document.querySelector（“#tailSeven”）.setAttribute（“变换”、“旋转（45”）；
document.querySelector（“#tailSeven”）.style.transition=“transform 3s”；
document.querySelector（“#tailSeven”）.style.visibility=“可见”；
document.querySelector（“#tailSeven”）.setAttribute（“变换”、“平移（-400-1800）比例（1.2）”）
}, 1000);
setTimeout（函数（）{
document.querySelector（“#tailEight”）.setAttribute（“变换原点”、“中心”）；
document.querySelector（“#tailEight”）.setAttribute（“转换框”、“填充框”）；
document.querySelector（“#tailEight”）.setAttribute（“变换”、“旋转（45”）；
document.querySelector（“#tailEight”）.style.transition=“transform 3s”；
document.querySelector（“#尾灯”）.style.visibility=“可见”；
document.querySelector（“#tailEight”）.setAttribute（“变换”、“平移（-40 1800）比例（1.2）”）
}, 1000);
}
函数setStars（）{
document.querySelector（“#button01”）.innerHTML=“可见扭曲”；
document.querySelector（“#button01”）.setAttribute（“onclick”，“functionTwo（）”）
setInterval（函数（）{
xs=Math.floor（Math.random（）*2000）；
ys=数学地板（数学随机（）*2000）；
}, 1000);
var twoSpade=100；
var threeSpade=“helloworld”；
setBasicStars=document.createElements（“http://www.w3.org/2000/svg“，‘椭圆’”；
对于（i=0；i