当前栏目
刷题日常计~JS②
题目难度:☆☆☆
①动态列表渲染
请补全JavaScript代码,将预设代码中的"people"数组渲染在页面中。实现下面的列表:
牛油1号 20岁
牛油2号 21岁
牛油3号 19岁
📰代码演示:
方法一:使用ES6新特性 如下:
方法二:使用for
②模板字符串
描述
请补全JavaScript代码,实现以下功能:
根据已有的person对象的注册时间求出距离当前时间的天数(天数向下取整)。
将获得的天数和person数据拼接成字符串,作为h2标签的内容。
注意:使用模板字符串进行字符串拼接,字符串最终内容如:尊贵的牛客网2级用户小丽您好,您已经注册牛客网3天啦~
📰代码演示:
③类继承
描述
请补全JavaScript代码,完成类的继承。要求如下:
"Chinese"类继承于"Human"类
“Human"类实现一个函数"getName”,返回该实例的"name"属性
“Chinese"类构造函数有两个参数,分别为"name”、“age”
“Chinese"类实现一个函数"getAge”,返回该实例的"age"属性
📰代码演示:
④参数解析器
描述
请补全JavaScript代码,要求将字符串参数URL中的参数解析并以对象的形式返回。
输入:console.log(_getParams(‘https://nowcoder.com/online?id=1&salas=1000’))
返回: {id:1, salas: 100}
📰代码演示:
⑤生成页码
描述
请补全JavaScript代码,要求根据参数动态生成"li"标签页码并插入"ul"标签下。要求如下:
1."allItem"为总数据项个数,"pageItem"为每页的数据项个数
2."li"标签内容为当前页码数,页码从1开始
示例1
输入:_createPage(13,2)
输出:"li"长度为7,“li"内容依次为"1”,“2”,“3”,“4”,“5”,“6”,“7”
📰代码演示:
⑥总成绩排名
描述
请补全JavaScript代码,要求将数组参数中的对象以总成绩(包括属性"chinese"、“math”、“english”)从高到低进行排序并返回。
📰代码演示:
⑦子字符串频次
描述
请补全JavaScript代码,该函数接受两个参数分别为字符串、子字符串,要求返回子字符串在字符串中出现的频次
📰代码演示:
⑧继承
描述
请补全JavaScript代码,实现以下功能:
1.给"Human"构造函数的原型对象添加"getName"方法,返回当前实例"name"属性
2.将"Chinese"构造函数继承于"Human"构造函数
3.给"Chinese"构造函数的原型对象添加"getAge"方法,返回当前实例"age"属性
📰代码演示:
⑨判断斐波那契数组
描述
请补全JavaScript代码,要求以Boolean的形式返回参数数组是否为斐波那契数列。在数学上,斐波那契数列以如下方法定义:F(0)=0,F(1)=1, F(n)=F(n - 1)+F(n - 2)(n ≥ 2,n ∈ N)
注意⚠:[0,1,1]为最短有效斐波那契数列
📰代码演示:
⑩数组扁平化
描述
请补全JavaScript代码,要求将数组参数中的多维数组扩展为一维数组并返回该数组。
注意:
- 数组参数中仅包含数组类型和数字类型
示例1
输入:[1,[2,[3,[4]]]]
输出:[1,2,3,4]
📰代码演示:
最后
下篇文章再见ヾ( ̄▽ ̄)ByeBye
相关文章
- 鲜为人知但很有用的 HTML 属性
- 翻转再翻转!有意思的水平横向溢出滚动
- 自定义计数器小技巧!CSS 实现长按点赞累加动画
- 过五关!React高频面试题指南
- 软件开发中的十个认知偏差
- 不需要 JS!仅用 CSS 也能达到监听页面滚动的效果!
- 一文读懂TypeScript类型兼容性
- Vue 的响应式原则与双向数据绑定
- 快速掌握 TypeScript 新语法:Infer Extends
- JWT教你如何证明你是我的人!
- 一篇带给你 V8 GC 的实现
- 面试官:请使用JS完成一个LRU缓存?
- 通过可视化来学习JavaScript事件循环
- 新的跨域策略:使用 COOP、COEP 为浏览器创建更安全的环境
- 为什么有人说 vite 快,有人却说 vite 慢?
- 种草 Vue3 中几个好玩的插件和配置
- 超全面的前端工程化配置指南
- Vue 状态管理未来样子
- Volatile关键字能保证原子性么?
- 面试突击:SpringBoot 有几种读取配置文件的方法?