思路：使用animation设置动画，使用rect.style.animationDuration设置动画持续时间(注意单位是s)。 <style type="text/css"> #rect { width: 120px; height: 100px; background-color: black; animation:rect 10s } @keyframes rect { from { transform: rotate(0deg); } to { ...

思路：使用constructor方法编写构造函数，其参数为其属性。getter指的是get 属性名方法。 <script type="text/javascript"> class Rectangle { constructor(height,width) { this.height=height this.width=width } //getter setter同理 get area() { return this.height*this.width }...

思路：通过判断s1和s2的大小以及元素是否相同来判断是否是相同的set。 <script> const _isSameSet = (s1, s2) => { if(s1.size!=s2.size) return false //in是下标 of是元素 //for in对象 for of数组 for(let item in s1) { if(!s2.has(item)) return false } return true } &l...

思路：使用forEach方法遍历数组，接着使用Symbol方法创建key，最后使用obj[key]=value方法映射。 <script type="text/javascript"> const _symbolKey = array => { const obj={} array.forEach(item=>{ //console.log(typeof(new Number(1))) "object" //console.log(typeof(Number(1))) "number" le...

思路：首先判断长度是否是18，接着判断前十七位是否是数字，以及第十八位是数字还是X。 <script> const _isCard = number => { if(number.length!=18) return false for(let i=0;i<number.length;i++) { if(i==number.length-1&&number[i]=='X') return true if(isNaN(parseInt(number[i]))) return false; ...

思路：注意，直接使用Number.prototype在原型上添加方法。 <script type="text/javascript"> Number.prototype._isPrime=function(){ //打印this即为该数数值 for(let i=2;i<=Math.sqrt(this);i++) { if(this%i==0) return false } //注意1不是2是 return this>1 } //测试数据 ...

思路：对数组使用filter方法进行过滤得到满足要求的数据，再对这些数据进行渲染即可。 <script> var cups = [ { type: 1, price: 100, color: 'black', sales: 60, name: '牛客logo马克杯' }, { type: 2, price: 40, color: 'blue', sales: 100, name: '无盖星空杯' }, { type: 4, price: 60, color: 'green', sales: 200, name: '老式茶杯' }, ...

思路：使用递归求解嵌套数组。首先在函数外部定义一个result数组收集结果，然后在函数内部遍历数组元素，使用Array.isArray方法判断该元素是否为数组，如果是则递归该元素并使用concat方法收集到result中，反之不是则使用push方法将元素直接加入result数组中，最后返回result即可。 <script> let result=[] const _flatten = arr => { for(let i=0;i<arr.length;i++) { if(Array.isArray(arr[i])) r...

思路：使用递推公式array[i]=array[i-1]+array[i-2] (i>=2) 判断。 <script type="text/javascript"> const _isFibonacci = array => { if(array.length<=2) return false if(array[0]!=0||array[1]!=1) return false for(let i=2;i<array.length;i++) { if(array[i...

思路：注意，第一点，子函数中需要使用 父函数.call 调用父函数构造函数；注意：第二点，子函数的prototype属性需要指向一个新创建的父函数实例对象。 <script type="text/javascript"> function Human(name) { this.name = name this.kingdom = 'animal' this.color = ['yellow', 'white', 'brown', 'black'] } function Chinese(name,age) { ...

思路：使用indexOf求解str中第一次出现target的下标index，使用count统计子串出现次数，当index不为-1时，将count加一，同时再次使用indexOf求解str中从index+target.length位置开始第一次出现target的下标index，最后返回count即可。 <script> const _searchStrIndexOf = (str, target) => { //寻找target第一次在str出现的下标 let index=str.indexOf(target) let count=0; wh...

思路：使用sort方法对数组进行排序，注意排序规则的编写喔！ <script type="text/javascript"> const _rank = array => { return array.sort(function(a,b){ return (b.chinese+b.math+b.english)-(a.chinese+a.math+a.english) }) } </script> 总结：sort方法改变的是原数组，而不是返回新数组。

思路：使用str表示ul列表中的内容，首先使用Math.ceil向上取整求出总页数page，然后遍历1~page并使用模板字符串填充str，最后将ul.innerHTML更新为str即可。 <script type="text/javascript"> const _createPage = (allItem, pageItem) => { let ul=document.getElementById('ul') let page=Math.ceil(allItem/pageItem) let str="" for(let...

思路：首先使用?分割url，然后获取后半部分字符串temp，再使用&分割temp，于是获取a=b格式数组content，接着遍历content，使用=分割每一个content[i]，获取item，再使用item[0]作为key，使用item[1]作为value，并填充进obj并返回。 <script> //'https://nowcoder.com/online?id=1&salas=1000' const _getParams = (url) => { let content=url.split("?")[1].split("&") co...