位置: IT常识 - 正文

手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】(前端面试题校招)

编辑:rootadmin
手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】

推荐整理分享手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】(前端面试题校招),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:面试题前端2020,20k前端面试题,2021前端面试题校招,前端面试题校招,前端面试题校招,前端面试手册,前端面试手册,前端面试手册,内容如对您有帮助,希望把文章链接给更多的朋友!

前端JavaScript面试题🍓🍓总成绩排名🍓🍓子字符串频次🍓🍓继承🍓🍓判断斐波那契数组🍓🍓js中哪些操作会造成内存泄漏?

html页面的骨架,相当于人的骨头,只有骨头是不是看着有点瘆人,只有HTML也是如此。

css,相当于把骨架修饰起来,相当于人的皮肉。

js(javascripts),动起来,相当于人的血液,大脑等一切能使人动起来的器官或者其他的。

在刷题之前先介绍一下牛客。Leetcode有的刷题牛客都有,除此之外牛客里面还有招聘(社招和校招)、一些上岸大厂的大佬的面试经验。 牛客是可以伴随一生的编程软件(完全免费),从学校到社会工作,时时刻刻你都可以用到,感兴趣的可以去注册试试可以伴随一生的刷题app

刷题页面,功能完善,短时间坚持可看效果。

查看出现此处,筛选定制,查询指定大厂出现频率

首页功能强悍,完全免费

🍓🍓总成绩排名

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

解答:

<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> const _rank = array => { // 补全代码 const res = array.sort((a, b) => { return (b.chinese + b.math + b.english) - (a.chinese + a.math + a.english); }) return res; } </script> </body></html>

🍵🍵 => 这个一般称作为箭头函数,在不同语言中意思不同,但是大致相同。 JS中=>是箭头函数,是ES6标准中新增的一种新的函数。箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target,没有prototype属性,但是可以进行三元运算。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。

例子:

x => x * x

相当于:

function (x) { return x * x;}

🍵🍵 sort 1、用于数组排序 2、不生成副本,直接更改原来数组 3、若默认无参数则按编码顺序排序 注意,升序降序排序可能不好理解,记住就好 升序排序

arr.sort(function(a,b){return a-b;});

降序排序

arr.sort(function(a,b){return b-a;});

总结: 🥭🥭1、核心步骤: 🍵🍵1)对数组参数进行sort排序,res接收 🍵🍵2)在该函数中分别用于存储该函数两个对象参数的"chinese"、“math”、"english"属性之和做差 🍵🍵3)返回[return res] 🍎🍎简而言之就是做差后通过内置的sort函数排序

🍓🍓子字符串频次

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

解答:

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <script> const _searchStrIndexOf = (str, target) => { // 补全代码 let index = str.indexOf(target) let sum = 0 while (index > -1) { index = str.indexOf(target, index + 1) sum++ } return sum } </script> </body></html>

🍵🍵indexOf array.indexOf(searchElement[, fromIndex]); array:表示一个数组对象。 searchElement:必需参数,要在 array 中定位的值。 fromIndex:可选参数,用于开始搜索的数组索引。如果省略该参数,则从索引 0 处开始搜索。如果 fromIndex 大于或等于数组长度,则返回 -1。如果 fromIndex 为负,则搜索从数组长度加上 fromIndex 的位置处开始。 indexOf() 方法是按升序索引执行搜索,即从左到右进行检索。检索时,会让数组元素与 searchElement参数值进行全等比较===。

var str = "Hello world!"console.log(str.indexOf("o")) //4console.log(str.indexOf("Hello")) //0console.log(str.indexOf("World")) //-1console.log(str.indexOf("world")) //6

🍵🍵split string.split(separator,limit) 参数值 separator 可选。字符串或正则表达式,从该参数指定的地方分割 string Object。 limit 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

手撕前端面试题【javascript~ 总成绩排名、子字符串频次统计、继承、判断斐波那契数组等】(前端面试题校招)

返回值 Array 一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 string Object 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

例如:

var str="How are you doing today?";var n=str.split(" ",3);

结果:

How,are,you

总结: 🥭🥭1、主要考点是正则、indexOf、split等,有多种方法。 🥭🥭2、法一:核心步骤。 1)通过indexOf查找到第二个参数初始index值。 2)设置初始出现频次为0。 3)当index大于-1时进入while循环,出现频次加1,再查找下一个index值。 4)核心代码,如上所示

🥭🥭3、法二:核心步骤。 1)正则match匹配,看看匹配了多少次。 2)核心代码

const _searchStrIndexOf = (str, target) => {// 补全代码 let reg=new RegExp(target,'g'); return str.match(reg).length;}

🥭🥭4、法三:核心步骤。 1)使用split分割(target为分割点) 2)有n个target返回的列表就会有n+1个元素 3)对列表取长度并且-1就会得到target的个数 4)核心代码

const _searchStrIndexOf = (str, target) => { return str.split(target).length - 1}🍓🍓继承

问题 3: 请补全JavaScript代码,实现以下功能: 1、给"Human"构造函数的原型对象添加"getName"方法,返回当前实例"name"属性 2、 将"Chinese"构造函数继承于"Human"构造函数 3、给"Chinese"构造函数的原型对象添加"getAge"方法,返回当前实例"age"属性

解答:

<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> class Human { constructor(name) { this.name = name this.kingdom = 'animal' this.color = ['yellow', 'white', 'brown', 'black'] } // 补全代码 getName(){ return this.name } } // 补全代码 class Chinese extends Human{ constructor(name,age) { super(name) this.age = age } getAge() { return this.age }} </script> </body></html>

🎂🎂constructor 在一个类中只能有一个constructor方法,本质是一个构造函数,如果一个类不指定一个构造函数(constructor)方法, 则使用一个默认的构造函数(constructor)。 constructor 是一种用于创建和初始化class创建的对象的特殊方法。

let getConst={}getConst.constructor// Object() { [native code] } 这个可以看下js对象的解析过程或function getConst(){ this.name="构造函数"}let newConst=new getConst();newConst.constructor.name//'getConst'

注意: 1、函数名首字母必须大写 2、内部使用this对象,来指向将要生成的对象实例 3、使用new操作符来调用构造函数,并返回对象实例

总结: 🥭🥭1、根据题目要求,通过寄生组合式继承使"Chinese"构造函数继承于"Human"构造函数。寄生组合式继承,即通过借用构造函数来继承属性,通过原型链的形式来继承方法,只调用了一次父类构造函数,效率高,也避免了在子类的原型对象上创建不必要的、多余的属性,原型链也不会被改变

🥭🥭2、详细步骤。 ~~ 💖💖1)在"Human"构造函数的原型上添加"getName"函数 ~~ 💖💖2)在”Chinese“构造函数中通过call函数借助”Human“的构造器来获得通用属性 ~~ 💖💖3)Object.create函数返回一个对象,该对象的__proto__属性为对象参数的原型。此时将”Chinese“构造函数的原型和通过Object.create返回的实例对象联系起来 ~~ 💖💖4)最后修复"Chinese"构造函数的原型链,即自身的"constructor"属性需要指向自身 ~~ 💖💖5)在”Chinese“构造函数的原型上添加”getAge“函数

🍓🍓判断斐波那契数组

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

🥭🥭什么是斐波那契数列 斐波那契数列指的是这样一个数列:1,1,2,3,5,8,13,21,34,55,89…,这个数列从第3项开始,每一项都等于前两项之和。

解答:

<!DOCTYPE html><html><head> <meta charset=utf-8></head><body> <script type="text/javascript"> const _isFibonacci = array => { // 补全代码 if (array.length < 3 || array[0] !== 0 || array[1] !== 1) return false for (let i = 2; i < array.length; i++) { if (array[i] === array[i - 1] + array[i - 2]) continue return false } return true } </script></body></html>

🎂🎂什么是三元表达式 例1:

console.log(true ? 1 : 2) //返回1 因为是true 返回时1console.log(false ? 1 : 2) //返回2 因为时false 返回2

例2:

if(条件表达式){ 表达式1}else{ 表达式2}

等价于

条件表达式?表达式1:表达式2

🎂🎂 => =>是es6语法中的arrow function

(x) => x + 6

相当于

function(x){ return x + 6;};

总结: 🥭🥭1、核心步骤。 1)首先判断数组参数的长度是否小于3,第一、二项的值是否分别为0、1,如果其中一项不符合,那么返回false 2)遍历数组参数,从第三项开始,判断该项的值是否符合F(n)=F(n - 1)+F(n - 2),是则continue,否则返回false 3)当数组遍历完成时返回true

除此之外还可以用三元表达式来写。

const _isFibonacci = (array) => { // 判断长度是否合格 if (array.length < 3) return false; // 当index索引值小于3时判断是否为最短且有效的斐波那契数列 // 当index索引值大于3时判断当前item值是否为前两项索引item项值的和 return array.every((item, index) => index < 3 ? array[0] === 0 && array[1] === 1 && array[2] === 1 : item === array[index - 1] + array[index - 2] ); };🍓🍓js中哪些操作会造成内存泄漏?

🥭🥭1.意外的全局变量

由于我们使用未

本文链接地址:https://www.jiuchutong.com/zhishi/299656.html 转载请保留说明!

上一篇:20230420-上海广策信息技术笔试记录(上海广为)

下一篇:图片的美白与美化(图片美白ps)

  • vivo x27街景地图怎么下载(vivo手机自带地图在哪)

    vivo x27街景地图怎么下载(vivo手机自带地图在哪)

  • 机械硬盘和固态硬盘的区别(机械硬盘和固态硬盘区别在哪)

    机械硬盘和固态硬盘的区别(机械硬盘和固态硬盘区别在哪)

  • 美团会员加量包买不了(美团会员加量包可以退吗)

    美团会员加量包买不了(美团会员加量包可以退吗)

  • realtek digital output和扬声器的区别(realtekdigitaloutput没声音)

    realtek digital output和扬声器的区别(realtekdigitaloutput没声音)

  • 微信怎样拒收对方消息又不将对方拉黑(微信怎样拒收对方信息)

    微信怎样拒收对方消息又不将对方拉黑(微信怎样拒收对方信息)

  • 微信里的电话号码怎么设置(微信里的电话号码怎么隐藏起来)

    微信里的电话号码怎么设置(微信里的电话号码怎么隐藏起来)

  • 手机storage文件夹在哪里找(手机storage文件夹怎么打开)

    手机storage文件夹在哪里找(手机storage文件夹怎么打开)

  • iphone11镜头膜怎么取下来(iPhone11镜头膜怎么取下来)

    iphone11镜头膜怎么取下来(iPhone11镜头膜怎么取下来)

  • 小米手环和微信不同步怎么办(小米手环和微信运动)

    小米手环和微信不同步怎么办(小米手环和微信运动)

  • 红米k30充电手机发热(红米k30充电手机发热严重)

    红米k30充电手机发热(红米k30充电手机发热严重)

  • 苹果8p有原彩显示吗(8p的原彩)

    苹果8p有原彩显示吗(8p的原彩)

  • 如何判断电脑显示屏坏了(如何判断电脑显示器是否损坏)

    如何判断电脑显示屏坏了(如何判断电脑显示器是否损坏)

  • 华为p20pro解锁时黑屏闪屏(华为p20解锁一直闪屏)

    华为p20pro解锁时黑屏闪屏(华为p20解锁一直闪屏)

  • 快手注销后可以再申请吗(快手注销后可以马上再申请吗)

    快手注销后可以再申请吗(快手注销后可以马上再申请吗)

  • netware是操作系统吗(intewell操作系统)

    netware是操作系统吗(intewell操作系统)

  • 苹果xr支持广角吗(苹果xr支持广角拍摄吗)

    苹果xr支持广角吗(苹果xr支持广角拍摄吗)

  • 如何把嘿siri改成别的(如何把嘿siri改成别的叫法)

    如何把嘿siri改成别的(如何把嘿siri改成别的叫法)

  • 什么是径向渐变(径向渐变的特点)

    什么是径向渐变(径向渐变的特点)

  • 京东消息震动怎么取消(京东消息铃声)

    京东消息震动怎么取消(京东消息铃声)

  • vivo动态锁屏自定义(vivox27动态锁屏)

    vivo动态锁屏自定义(vivox27动态锁屏)

  • 手机qq怎么清除缓存(手机QQ怎么清除单向好友)

    手机qq怎么清除缓存(手机QQ怎么清除单向好友)

  • 操作系统的主要功能是(操作系统的主要类型)

    操作系统的主要功能是(操作系统的主要类型)

  • 华为手环3e能打电话吗(华为手环3e能打游戏吗)

    华为手环3e能打电话吗(华为手环3e能打游戏吗)

  • 怎么搜不到小红书了(为什么搜不到小红书号)

    怎么搜不到小红书了(为什么搜不到小红书号)

  • vivonex3屏幕是三星的吗(vivonex3s手机屏幕怎么样)

    vivonex3屏幕是三星的吗(vivonex3s手机屏幕怎么样)

  • 电脑看视频黑屏但有声音(为什么b站电脑看视频黑屏)

    电脑看视频黑屏但有声音(为什么b站电脑看视频黑屏)

  • 税控盘是什么干嘛的
  • 城市维护建设税优惠政策
  • 出租房屋转为投资房屋
  • 减值准备为什么影响利润总额
  • 季度申报所得税费用怎么做
  • 代扣代缴个税返点怎么申请
  • 直线法计提折旧的公式预计净残值
  • 房地产企业土地使用税
  • 准予在以后年度结转扣除的项目
  • 定货合同有法律效力吗?
  • 制造行业运输费包括哪些
  • 自营建造固定资产的账务处理
  • 应交增值税已交税金的账务处理
  • 发票抬头是个人,能在单位报销吗
  • 促销活动赠品应如何账务处理
  • 开票的时候确认收入吗
  • 小微企业可以抵税吗
  • 居间合同怎么签才算有效
  • 承兑贴息的会计分录
  • 常用的索赔费用计算方法
  • 收到其他与经营活动有关的现金减少
  • 教育费附加税优惠
  • 所有者权益类科目借贷方向
  • 医疗废物处置费是什么意思
  • 网络唤醒的原理
  • 如何解决win10关机后usb还在供电
  • win7安装sqlserver2008
  • PHP:mb_detect_encoding()的用法_mbstring函数
  • 增值税出口服务包括什么
  • 公司已开票给客户,但客户未打款怎么办?
  • 现金折扣发生销售退回
  • php smtp类
  • 企业所得税税金及附加包括
  • 结转本月完工产品成本120000元
  • 请简述你对php的理解并描述php的工作流程
  • 基于web的网站设计与实现
  • 增值税发票的作业
  • php变量有哪些特殊值
  • 退货可以开红字发票吗
  • 签劳动合同员工突然离职怎么办
  • 开票软件的证书口令是多少
  • 去年亏损今年盈利
  • 一般纳税人零申报怎么报税步骤
  • 发票上的抵扣联抵扣联是什么意思
  • 个人所得税数据怎么导入新电脑
  • 预计净残值影响营业利润吗
  • 委外加工怎么盘点
  • 数据库SQL中DML
  • mysql密码忘了
  • 兼职劳务费个税计算器
  • 本年利润和利润分配属于什么账户
  • 投资款如何界定
  • 收到个人支付的培训费可以开对公的发票吗
  • mysql查询语句优先级
  • centos6.5安装教程中文
  • CentOS 6.5 i386 安装MySQL 5.7.18详细教程
  • windows server core license
  • 如何替换图片中的文字
  • windows 10 周年更新
  • xp开始界面
  • 如何查看电脑端口号
  • mac怎么旋转窗口
  • win7手动更新在哪里设置
  • win7 windows检测到ip地址冲突怎么解决
  • windows7库功能
  • 欢迎使用来电提醒业务,本次呼叫将以点对点
  • Unity3D游戏开发基础
  • js动态生成页面
  • Linux服务器无法远程连接
  • 安卓手机wifi界面
  • 使用Math.floor与Math.random取随机整数的方法详解
  • unity 版本控制
  • jquery validator
  • jQuery ajax MD5实现用户注册即时验证功能
  • unity3d官方教程
  • jquery input checked
  • 上海税务网厅
  • 发票在地税能查到,但是国税查不到
  • 衡阳地税局的地理位置
  • 重庆公交司机收入
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设