刷题日常计~JS②

简介: 刷题日常计~JS②

题目难度:☆☆☆


①动态列表渲染


请补全JavaScript代码,将预设代码中的"people"数组渲染在页面中。实现下面的列表:

牛油1号 20岁

牛油2号 21岁

牛油3号 19岁

📰代码演示:

方法一:使用ES6新特性 如下:

1.png方法二:使用for

image.png

模板字符串


描述

请补全JavaScript代码,实现以下功能:


根据已有的person对象的注册时间求出距离当前时间的天数(天数向下取整)。

将获得的天数和person数据拼接成字符串,作为h2标签的内容。

注意:使用模板字符串进行字符串拼接,字符串最终内容如:尊贵的牛客网2级用户小丽您好,您已经注册牛客网3天啦~

📰代码演示:

2.png

类继承


描述

请补全JavaScript代码,完成类的继承。要求如下:


"Chinese"类继承于"Human"类

“Human"类实现一个函数"getName”,返回该实例的"name"属性

“Chinese"类构造函数有两个参数,分别为"name”、“age”

“Chinese"类实现一个函数"getAge”,返回该实例的"age"属性

📰代码演示:

3.png

④参数解析器


描述

请补全JavaScript代码,要求将字符串参数URL中的参数解析并以对象的形式返回。


输入:console.log(_getParams(‘https://nowcoder.com/online?id=1&salas=1000’))

返回: {id:1, salas: 100}


📰代码演示:

4.png

⑤生成页码


描述

请补全JavaScript代码,要求根据参数动态生成"li"标签页码并插入"ul"标签下。要求如下:


1."allItem"为总数据项个数,"pageItem"为每页的数据项个数

2."li"标签内容为当前页码数,页码从1开始

示例1

输入:_createPage(13,2)

输出:"li"长度为7,“li"内容依次为"1”,“2”,“3”,“4”,“5”,“6”,“7”


📰代码演示:

5.png

⑥总成绩排名


描述

请补全JavaScript代码,要求将数组参数中的对象以总成绩(包括属性"chinese"、“math”、“english”)从高到低进行排序并返回。

📰代码演示:

image.png

⑦子字符串频次


描述

请补全JavaScript代码,该函数接受两个参数分别为字符串、子字符串,要求返回子字符串在字符串中出现的频次

📰代码演示:

6.png

⑧继承


描述

请补全JavaScript代码,实现以下功能:


1.给"Human"构造函数的原型对象添加"getName"方法,返回当前实例"name"属性

2.将"Chinese"构造函数继承于"Human"构造函数

3.给"Chinese"构造函数的原型对象添加"getAge"方法,返回当前实例"age"属性

📰代码演示:

7.png

⑨判断斐波那契数


描述

请补全JavaScript代码,要求以Boolean的形式返回参数数组是否为斐波那契数列。在数学上,斐波那契数列以如下方法定义:F(0)=0,F(1)=1, F(n)=F(n - 1)+F(n - 2)(n ≥ 2,n ∈ N)


注意⚠:[0,1,1]为最短有效斐波那契数列


📰代码演示:

8.png

⑩数组扁平化


描述

请补全JavaScript代码,要求将数组参数中的多维数组扩展为一维数组并返回该数组。

注意:

  1. 数组参数中仅包含数组类型和数字类型
    示例1
    输入:[1,[2,[3,[4]]]]
    输出:[1,2,3,4]

📰代码演示:

9.png

最后


image.png

下篇文章再见ヾ( ̄▽ ̄)ByeBye

image.png




相关文章
|
9月前
|
JavaScript Java 测试技术
基于微信小程序的刷题系统的+springboot+vue.js附带文章和源代码设计说明文档ppt
基于微信小程序的刷题系统的+springboot+vue.js附带文章和源代码设计说明文档ppt
84 1
|
JavaScript 前端开发
刷题日常计~JS⑥
刷题日常计~JS⑥
刷题日常计~JS⑥
|
存储 JavaScript 前端开发
刷题日常计~JS⑤
刷题日常计~JS⑤
刷题日常计~JS⑤
|
JavaScript 前端开发
刷题日常计~JS④
刷题日常计~JS④
刷题日常计~JS④
|
JavaScript 前端开发
刷题日常计~JS③
刷题日常计~JS③
刷题日常计~JS③
|
存储 JavaScript 前端开发
刷题日常计~JS①
刷题日常计~JS①
刷题日常计~JS①
【leetcode刷题记录】js-两数之和
给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下标。
|
JavaScript 前端开发
【牛客前端刷题】JS拔高篇
【牛客前端刷题】JS拔高篇
170 0
【牛客前端刷题】JS拔高篇
|
机器学习/深度学习 存储 JavaScript
【牛客刷题】前端--JS篇(三)
【牛客刷题】前端--JS篇(三)
197 0
【牛客刷题】前端--JS篇(三)
|
前端开发 JavaScript
【牛客刷题】前端--JS篇(二)
【牛客刷题】前端--JS篇(二)
【牛客刷题】前端--JS篇(二)

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时,我能答出来的都在这里了。
    46
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 3
    Node.js 中实现多任务下载的并发控制策略
    34
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 5
    【JavaScript】深入理解 let、var 和 const
    49
  • 6
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    47
  • 7
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    57
  • 8
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    57
  • 9
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    72
  • 10
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55