【牛客刷题】前端--JS篇(三)

简介: 【牛客刷题】前端--JS篇(三)

题1:总成绩排名


描述(题目中等) 考点:sort


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


解题思路:


根据题目要求,根据数组参数中的对象属性"chinese"、“math”、"english"之和对数组参数进行排序,核心步骤有:


  1. 对数组参数进行sort排序,sort接受一个函数
  2. 在该函数中声明两个变量,分别用于存储该函数两个对象参数的"chinese"、“math”、"english"属性之和

3.最后根据声明的两个变量值对比将数组进行排序

题解:

const _rank = array => {
  array.sort((left, right) => {
    let lg = left.chinese + left.math + left.english
    let rg = right.chinese + right.math + right.english
    return rg - lg
  })
  return array
}

题2:子字符串频次


描述(题目中等)考点:indexOf、while


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


解题思路:


根据题目要求查询第二个参数在第一个参数中出现的频次,核心步骤有:


通过indexOf查找到第二个参数初始index值

设置初始出现频次为0

当index大于-1时进入while循环,出现频次加1,再查找下一个index值

题解:

const _searchStrIndexOf = (str, target) => {
    let index = str.indexOf(target)
    let sum = 0
    while (index > -1) {
        index = str.indexOf(target, index + 1)
        sum++
    }
    return sum
}

题3:数组扁平化


描述(题目中等) 考点:reduce、递归


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


注意:数组参数中仅包含数组类型和数字类型


解题思路:


  1. 返回一个数组的reduce方法,该reduce方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值,该函数第一个参数为初始值或计算之后的返回值,第二个参数为当前项的值。
  2. 在reduce接收的函数中返回一个结果的拼接(concat),当当前值数据类型为数组的时候,递归重新调用"flatten"函数,否则将值拼接在结果之后返回

微信图片_20221013124209.png

题解

const _flatten = arr => {
    return arr.reduce((result, item) => {
        return result.concat(Array.isArray(item) ? _flatten(item) : item)
    }, [])
}

题4:判断质数


描述(题目中等) 考点:质数


请补全JavaScript代码,要求在Number对象的原型对象上添加"_isPrime"函数,该函数判断调用的对象是否为一个质数,是则返回true,否则返回false。


解题思路:


  1. 首先在Number对象的原型上添加该函数
  2. 函数中当数字参数小于2时,返回false
  3. 然后进入循环,初始值为2,结束条件为当初始值等于数字参数时,返回true

题解:

Number.prototype._isPrime = function () {
    let number = this.valueOf()
    if(number < 2) return false
    for(let i=2 ; i<=number ; i++) {
        if(i === number) return true
        if(number%i === 0) return false
        if(number%i !== 0) continue
    }
}

题5:判断斐波那契数组(拔高题目)


描述(题目中等)考点:斐波那契数列


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


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

解题思路:

  1. 最小有效数组为[0, 1, 1],所以数组长度小于3时,默认为false
  2. 计算关系 array[i] + array[i + 1] = array[i + 2];
  3. 数组循环的边界问题,在快指针到达倒数第二个元素的时候循环就应该结束了。

题解:

const _isFibonacci = array => {
    // 补全代码
    if(array.length < 3) return false;
    let i = 0,
        j = 1;
    while (j < array.length - 1) {
        if (array[j + 1] == array[i] + array[j]) {
            i++;
            j++;
        } else {
            return false;
        }
    }
    return true;
}

微信图片_20221013124418.png

相关文章
|
JavaScript 前端开发 API
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
764 8
|
JavaScript 前端开发 容器
|
JavaScript 前端开发
|
存储 JavaScript 前端开发
|
移动开发 JavaScript 前端开发
|
存储 JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发
|
存储 JavaScript 前端开发

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    1280
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    586
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    445
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    445
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    567
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    744
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    1453
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    321
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    1176
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    518