14_参数解析器 本题考点：位置查找、截取、遍历、正则 根据题目要求，解析参数URL中的参数并返回，核心步骤有：  创建空对象，用于存储参数信息 获取URL中"?"的位置并截取之后的参数信息 获取到参数信息之后通过split拆分为数组 数组通过遍历每一项将”=“替换为”&“并且再次通过split拆分 最终将键名和键值赋给空对象  参考答案： const _getParams = (url) => { var obj = {} let index = url.indexOf('#') url = index === -1 ? url : url.slice(0, index) if...

13_类继承 本题考点：extends 根据题目要求，使”Chinese“类继承于”Human“类，核心步骤有：  在”Human“；类中添加”getName“函数 通过extends使”Chinese”类继承于“Human”类 在“Chinese”类的构造函数中可以通过super方法使“name”调用超类构造器 在“Chinese”类的构造函数中添加“age”属性 在“Chinese”类的构造函数中添加“getAge“函数  参考答案： class Human { constructor(name) { this.name = name this.kingdom = 'animal' thi...

12_模板字符串 本题考点：模板字符串、日期格式转换 根据题目要求，通过"person"对象数据渲染出"尊贵的牛客网2级用户小丽您好，您已经注册牛客网X天啦~"，核心步骤有：  创建日期转换函数，可以将"2021-11-01"转换为截止到目前为止的天数 通过模板字符串将对象内容进行拼接，注意使用日期转换函数计算天数  参考答案： const _getDuration = registTime => { var start = new Date(registTime) var end = new Date() var dates = Math.floor((end - start) / (...

11_动态列表渲染 本题考点：数组遍历、模板字符串 根据题目要求，需要将"people"数组内容渲染在页面中，核心步骤有：  获取ul标签 创建一个空字符串，用于存储HTML模板 遍历数组，先将数据包裹在li标签中再拼接到空字符串之后 设置ul标签innerHTML属性  数组方法forEach没有返回值，也不会改变原数组，只是使用数组的每一项做一些方法处理。 参考答案： var str = '' people.forEach((item) => { str += `<li>${item.name} ${item.age}岁</li>` }) ul.innerHT...

10_计数器 本题考点：闭包、匿名函数 根据题目要求，返回一个函数，每次调用该函数返回值会加1，核心步骤有：  声明一个数字变量，初始值为0 返回一个匿名函数，该匿名函数使数字变量加1，并且返回这个数字  参考答案： const closure = () => { let count = 0 return function() { count++ return count } }

09_新数组 本题考点：concat、splice、深拷贝 根据题目要求，在不改变原数组的情况下返回删除了索引位置项的新数组，核心步骤有：  通过concat方法完全拷贝一份新的数组 通过splice截取目标索引的数组项，且会直接改变被操作的数组  参考答案： const _delete = (array,index) => { let newarray = array.concat() newarray.splice(index,1) return newarray }

08_数组排序 本题考点：点击事件、排序、模板字符串 根据题目要求，当点击”销量升序“时，列表内容按照销量升序重新渲染。点击”销量降序“时反之。核心步骤有：  创建重渲染函数，每当数组项顺序发生改变时触发该函数。该函数接收一个数组参数，函数内创建一个空字符串用于保存HTML模板，遍历数组项创建HTML模板并且拼接在空字符串之后，最终将字符串中的HTML模板值给ul的innerTHML 给”销量升序“和”销量降序“绑定点击事件，分别按照"升序"、"降序"排列数组再调用重渲染函数  参考答案： const _listRendering = arr => { var str = '' arr....

07_无重复数组 本题考点：random 根据题目要求，在某个范围之内生成不重复的随机数并返回，核心步骤有：  创建一个空数组用来存储随机数 进入次数为n的循环中生成随机数，如果数组中没有该随机数，那么就将随机数存入数组  参考答案： const _getUniqueNums = (start,end,n) => { let arr = [] while (arr.length < n) { let v = Math.floor(Math.random() * (end - 1) + start) if (arr.indexOf(v) === -1) { arr.push(v) }...

06_判断版本 本题考点：split、join 根据题目要求，根据新旧版本号是否需要更新返回true或false，核心步骤有：  去除新旧版本号中的”.“ 将新旧版本号转换为数字 判断数字大小  参考答案： const _shouldUpdate = (oldVersion, newVersion) => { let oldversion = parseInt(oldVersion.split('.').join('')) let newversion = parseInt(newVersion.split('.').join('')) return newversion > ol...

05_创建数组 本题考点：new Array、Array.fill、Array.from 根据题目要求创建数组，且数组项值都为参数值，核心步骤有：  通过new Array函数构造实例的时候带入参数，可以生成该参数长度的空数组 通过Array.fill函数可以将数组的每一项都改编为参数值 或Array.from函数接收两个参数即可，第一个参数为数组或对象，都表示返回数组的长度。当参数为数组时它确定了返回的新数组长度，当参数为对象时，需要添加“length”属性表明数组长度 第二个参数为一个函数，即第一个数组参数中的每一项都调用该函数  参考答案： const _createArray = (n...

04_单向绑定 本题考点：元素获取、改变事件 根据题目要求，当改变输入框中的值时，id为“span”的“span”标签内容同步修改，核心步骤有：  获取“input”输入框 给输入框添加onchange事件，onchange事件被触发时，获取id为“span”的“span”标签并修改该标签的innerText值  参考答案： document.querySelector('#input').onchange = function() { document.querySelector('#span').innerText = this.value }

03_分隔符 本题考点：Math.abs、parseInt、split、reverse、join 根据题目要求，返回数字参数的千分位分隔符字符串，核心步骤有：  首先判断数字参数是否为负数，如果为负数，保留负号 将数字参数拆解为数组并且反转 遍历数组，返回新数组，需要标志位，每当数组遍历次数达到三次，给新数组添加","符号 拿到新数组之后使用将新数组拼接为字符串，如果有负号则将符号拼接到字符串头部  参考答案： function _comma(number) { let negative = '' if(number < 0) { negative = '-' number = Math...

02_文件扩展名 本题考点：lastIndexOf、slice 根据题目要求，返回字符串参数的扩展名，核心步骤有：  首先通过lastIndexOf获取最后一个"."符号的位置 然后通过slice截取index（包括）之后的字符串  参考答案： const _getExFilename = (filename) => { let index = filename.lastIndexOf('.') return filename.slice(0, index) && index !== -1 ? filename.slice(index) : '' }

01_直角三角形 本题考点：循环、模板字符串 根据题目要求，输出一个直角三角形： * ** ***  核心步骤有：  创建一个空字符串，用于存储HTML模板 外层循环为层数，内存循环为每层的"*"数 每当内层循环结束时，在字符串后方添加换行  参考答案： var str = '' for (var i = 1; i < 4; i++) { for (var j = 0; j < i; j++) { str += '*' } str += '<br />' } triangle.innerHTML = str