刷题日常计~JS②

@作者 : SYFStrive

@博客首页 : 点击跳转HomePage

初编程JavaScript之每天10题 从质变到量变

个人社区(欢迎大佬们加入)社区链接

学累了可以先看看由jieke给大家带来的舞蹈,欢迎大家观看

点击直接阅读文章
请添加图片描述

相关专栏

①: JS入门到精通(待更)
②: 刷题日常计~JS(待更)

题目目录

  • 题目难度:☆☆☆
  • ①动态列表渲染
  • ②模板字符串
  • ③类继承
  • ④参数解析器
  • ⑤生成页码
  • ⑥总成绩排名
  • ⑦子字符串频次
  • ⑧继承
  • ⑨判断斐波那契数组
  • ⑩数组扁平化
  • 最后

提示:以下是本篇文章正文内容

题目难度:☆☆☆

①动态列表渲染

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

牛油1号 20岁
牛油2号 21岁
牛油3号 19岁

代码演示:

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

刷题日常计~JS②_第1张图片

方法二:使用for

刷题日常计~JS②_第2张图片

②模板字符串

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

  1. 根据已有的person对象的注册时间求出距离当前时间的天数(天数向下取整)。
  2. 将获得的天数和person数据拼接成字符串,作为h2标签的内容。
    注意:使用模板字符串进行字符串拼接,字符串最终内容如:尊贵的牛客网2级用户小丽您好,您已经注册牛客网3天啦~

代码演示:

刷题日常计~JS②_第3张图片

③类继承

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

  1. "Chinese"类继承于"Human"类
  2. “Human"类实现一个函数"getName”,返回该实例的"name"属性
  3. “Chinese"类构造函数有两个参数,分别为"name”、“age”
  4. “Chinese"类实现一个函数"getAge”,返回该实例的"age"属性

代码演示:

刷题日常计~JS②_第4张图片

④参数解析器

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

输入:console.log(_getParams(‘https://nowcoder.com/online?id=1&salas=1000’))
返回: {id:1, salas: 100}

代码演示:

刷题日常计~JS②_第5张图片

⑤生成页码

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

  1. "allItem"为总数据项个数,"pageItem"为每页的数据项个数
  2. "li"标签内容为当前页码数,页码从1开始

示例1
输入:_createPage(13,2)
输出:"li"长度为7,“li"内容依次为"1”,“2”,“3”,“4”,“5”,“6”,“7”

代码演示:

刷题日常计~JS②_第6张图片

⑥总成绩排名

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

代码演示:

刷题日常计~JS②_第7张图片

⑦子字符串频次

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

代码演示:

刷题日常计~JS②_第8张图片

⑧继承

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

  1. 给"Human"构造函数的原型对象添加"getName"方法,返回当前实例"name"属性
  2. 将"Chinese"构造函数继承于"Human"构造函数
  3. 给"Chinese"构造函数的原型对象添加"getAge"方法,返回当前实例"age"属性

代码演示:

刷题日常计~JS②_第9张图片

⑨判断斐波那契数组

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

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

代码演示:
刷题日常计~JS②_第10张图片

⑩数组扁平化

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

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

代码演示:

刷题日常计~JS②_第11张图片

最后

在这里插入图片描述
1、码农日常刷题 通过刷题认识到自己的不足,增加对该编程语法的熟练度(可以很大程度提升自己的编程水平(ง •_•)ง)
2、感谢大佬们的支持,你们的支持是我们更新的最大动力,希望这篇文章能帮到大家
3、最后,在这里分享一款刷题神器(里面还有很多值得学习的题目)点击跳转至刷题神器(一起刷起来吧( ఠൠఠ )),

在这里插入图片描述

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

在这里插入图片描述

你可能感兴趣的:(刷题日常计~JS,javascript,前端,开发语言)