前言
笔者准备21届春招过程中，发现了牛客网的《前端大挑战》60道基础题(链接：www.nowcoder.com/ta/front-en…)，题目虽然简单，作为前端扫盲题还是有刷一遍的必要的。题解为笔者手打，全部通过了牛客网测试。下面是基础题60道的后三十道，我们一起来看看吧！
前三十道链接：juejin.cn/post/694064…
FED31 正确的函数定义
题目描述：请修复给定的 js 代码中，函数定义存在的问题
function functions(flag) {
if (flag) {
function getValue() { return 'a'; }
} else {
function getValue() { return 'b'; }
}
return getValue();
}
输入：true
输出：a
function functions(flag) {
if (flag) {
return 'a'
} else {
return 'b'
}
}
FED32 正确的使用 parseInt
题目描述：修改 js 代码中 parseInt 的调用方式，使之通过全部测试用例
输入：'12'
输出：12
输入：'12px'
输出：12
输入：'0x12'
输出：0
function parse2Int(num) {
return parseInt(num, 10);
}
FED33 完全等同
题目描述：判断 val1 和 val2 是否完全等同
function identity(val1, val2) {
return val1 === val2
}
FED34 计时器
题目描述：实现一个打点计时器，要求
- 从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 1
- 返回的对象中需要包含一个 cancel 方法，用于停止定时操作
- 第一个数需要立即输出
function count(start, end) {
console.log(start++)
var timer = setInterval(() => {
if (start <= end) {
console.log(start++)
} else {
clearInterval(timer)
}
}, 100)
return {
cancel: function() {
clearInterval(timer)
}
}
}
FED35 流程控制
题目描述：实现 fizzBuzz 函数，参数 num 与返回值的关系如下：
- 如果 num 能同时被 3 和 5 整除，返回字符串 fizzbuzz
- 如果 num 能被 3 整除，返回字符串 fizz
- 如果 num 能被 5 整除，返回字符串 buzz
- 如果参数为空或者不是 Number 类型，返回 false
- 其余情况，返回参数 num
输入：15
输出：fizzbuzz
function fizzBuzz(num) {
if(num == '' || typeof num != 'number'){
return false;
}
var str = '';
if(num % 3 == 0){
str += 'fizz';
}
if(num %5 == 0){
str += 'buzz';
}
return str || num
}
FED36 函数传参
题目描述：将数组 arr 中的元素作为调用函数 fn 的参数
输入：function (greeting, name, punctuation) {return greeting + ', ' + name + (punctuation || '!');}, ['Hello', 'Ellie', '!']
输出：Hello, Ellie!
function argsAsArray(fn, arr) {
return fn(...arr)
}
FED37 函数的上下文
题目描述：将函数 fn 的执行上下文改为 obj 对象
输入：function () {return this.greeting + ', ' + this.name + '!!!';}, {greeting: 'Hello', name: 'Rebecca'}
输出：Hello, Rebecca!!!
function speak(fn, obj) {
return fn.call(obj)
}
FED38 返回函数
题目描述：实现函数 functionFunction，调用之后满足如下条件：
- 返回值为一个函数 f
- 调用返回的函数 f，返回值为按照调用顺序的参数拼接，拼接字符为英文逗号加一个空格，即 ', '
- 所有函数的参数数量为 1，且均为 String 类型
输入：functionFunction('Hello')('world')
输出：Hello, world
function functionFunction(str) {
return function(str1) {
return str + ', ' + str1
}
}
FED39 使用闭包
题目描述：实现函数 makeClosures，调用之后满足如下条件：
- 返回一个函数数组 result，长度与 arr 相同
- 运行 result 中第 i 个函数，即 resulti，结果与 fn(arr[i]) 相同
输入：[1, 2, 3], function (x) { return x * x; }
输出：4
function makeClosures(arr, fn) {
let result = []
for (let i = 0; i < arr.length; i++) {
result[i] = function() {
return fn(arr[i])
}
}
return result
}
FED40 二次封装函数
题目描述：已知函数 fn 执行需要 3 个参数。请实现函数 partial，调用之后满足如下条件：
- 返回一个函数 result，该函数接受一个参数
- 执行 result(str3) ，返回的结果与 fn(str1, str2, str3) 一致
输入：var sayIt = function(greeting, name, punctuation) { return greeting + ', ' + name + (punctuation || '!'); }; partial(sayIt, 'Hello', 'Ellie')('!!!');
输出：Hello, Ellie!!!
function partial(fn, str1, str2) {
return function result(str3) {
return fn.call(this, str1, str2, str3)
}
}
FED41 使用 arguments
题目描述：函数 useArguments 可以接收 1 个及以上的参数。请实现函数 useArguments，返回所有调用参数相加后的结果。本题的测试参数全部为 Number 类型，不需考虑参数转换。
输入：1, 2, 3, 4
输出：10
function useArguments() {
let args = [...arguments]
return args.reduce((result, item, index, args) => {
return result + item
})
}
FED42 使用 apply 调用函数
题目描述：实现函数 callIt，调用之后满足如下条件 1、返回的结果为调用 fn 之后的结果 2、fn 的调用参数为 callIt 的第一个参数之后的全部参数
function callIt(fn) {
let args = [...arguments].slice(1)
return fn.apply(this, args)
}
FED43 二次封装函数
题目描述：实现函数 partialUsingArguments，调用之后满足如下条件：
- 返回一个函数 result
- 调用 result 之后，返回的结果与调用函数 fn 的结果一致
- fn 的调用参数为 partialUsingArguments 的第一个参数之后的全部参数以及 result 的调用参数
function partialUsingArguments(fn) {
let args = [...arguments].slice(1)
return function result() {
return fn.apply(this, args.concat([...arguments]))
}
}
FED44 柯里化
题目描述：已知 fn 为一个预定义函数，实现函数 curryIt，调用之后满足如下条件：
- 返回一个函数 a，a 的 length 属性值为 1（即显式声明 a 接收一个参数）
- 调用 a 之后，返回一个函数 b, b 的 length 属性值为 1
- 调用 b 之后，返回一个函数 c, c 的 length 属性值为 1
- 调用 c 之后，返回的结果与调用 fn 的返回值一致
- fn 的参数依次为函数 a, b, c 的调用参数
输入：var fn = function (a, b, c) {return a + b + c}; curryIt(fn)(1)(2)(3);
输出：6
function curryIt(fn) {
return function a(A) {
return function b(B) {
return function c(C) {
return fn.call(this, A, B, C)
}
}
}
}
FED45 或运算
题目描述：返回参数 a 和 b 的逻辑或运算结果
输入：false, true
输出：true
function or(a, b) {
return a || b
}
FED46 且运算
题目描述：返回参数 a 和 b 的逻辑且运算结果
输入：false, true
输出：false
function and(a, b) {
return a && b
}
FED47 模块
题目描述：完成函数 createModule，调用之后满足如下要求：
- 返回一个对象
- 对象的 greeting 属性值等于 str1， name 属性值等于 str2
- 对象存在一个 sayIt 方法，该方法返回的字符串为 greeting属性值 + ', ' + name属性值
function createModule(str1, str2) {
let obj = {
greeting: str1,
name: str2,
sayIt: function() {
return obj.greeting + ', ' + obj.name
}
}
return obj
}
FED48 二进制转换
**题目描述：获取数字 num 二进制形式第 bit 位的值。注意：
- bit 从 1 开始
- 返回 0 或 1
- 举例：2 的二进制为 10，第 1 位为 0，第 2 位为 1**
输入：128, 8
输出：1
function valueAtBit(num, bit) {
let res = num.toString(2)
return res[res.length - bit]
}
FED49 二进制转换
题目描述：给定二进制字符串，将其换算成对应的十进制数字
输入：'11000000'
输出：192
function base10(str) {
return parseInt(str, 2)
}
FED50 二进制转换
题目描述：将给定数字转换成二进制字符串。如果字符串长度不足 8 位，则在前面补 0 到满8位。
输入：65
输出：01000001
function convertToBinary(num) {
let res = num.toString(2)
let arr = res.split('')
if (res.length < 8) {
arr.unshift('0')
}
return arr.join('')
}
FED51 乘法
题目描述：求 a 和 b 相乘的值，a 和 b 可能是小数，需要注意结果的精度问题
输入：3, 0.0001
输出：0.0003
function multiply(a, b) {
function getLength(num) {
let str = num.toString()
let index = str.indexOf('.')
return index == -1 ? 0 : str.length - index - 1
}
let resLength = getLength(a) + getLength(b)
let res = (a * b).toFixed(resLength)
return parseFloat(res)
}
FED52 改变上下文
题目描述：将函数 fn 的执行上下文改为 obj，返回 fn 执行后的值
输入：alterContext(function() {return this.greeting + ', ' + this.name + '!'; }, {name: 'Rebecca', greeting: 'Yo' })
输出：Yo, Rebecca!
function alterContext(fn, obj) {
return fn.call(obj)
}
FED53 批量改变对象的属性
题目描述：给定一个构造函数 constructor，请完成 alterObjects 方法，将 constructor 的所有实例的 greeting 属性指向给定的 greeting 变量。
输入：var C = function(name) {this.name = name; return this;}; var obj1 = new C('Rebecca'); alterObjects(C, 'What's up'); obj1.greeting;
输出：What's up
function alterObjects(constructor, greeting) {
constructor.prototype.greeting = greeting
}
FED54 属性遍历
题目描述：找出对象 obj 不在原型链上的属性(注意这题测试例子的冒号后面也有一个空格~)
- 返回数组，格式为 key: value
- 结果数组不要求顺序
输入：var C = function() {this.foo = 'bar'; this.baz = 'bim';}; C.prototype.bop = 'bip'; iterate(new C());
输出：["foo: bar", "baz: bim"]
function iterate(obj) {
let arr = Object.keys(obj)
return arr.map((key) => {
return key + ": " + obj[key]
})
}
FED55 判断是否包含数字
题目描述：给定字符串 str，检查其是否包含数字，包含返回 true，否则返回 false
输入：'abc123'
输出：true
function containsNumber(str) {
for (let i = 0; i < str.length; i++) {
if (Number(str[i])) {
return true
}
}
return false
}
FED56 检查重复字符串
题目描述：给定字符串 str，检查其是否包含连续重复的字母（a-zA-Z），包含返回 true，否则返回 false
输入：'rattler'
输出：true
function containsRepeatingLetter(str) {
let reg = /([a-zA-Z])\1/
return reg.test(str)
}
FED57 判断是否以元音字母结尾
题目描述：给定字符串 str，检查其是否以元音字母结尾
- 元音字母包括 a，e，i，o，u，以及对应的大写
- 包含返回 true，否则返回 false
输入：'gorilla'
输出：true
function endsWithVowel(str) {
let reg = /[aeiou]$/i
return reg.test(str)
}
FED58 获取指定字符串
题目描述：给定字符串 str，检查其是否包含 连续3个数字
- 如果包含，返回最先出现的 3 个数字的字符串
- 如果不包含，返回 false**
输入：'9876543'
输出：987
function captureThreeNumbers(str) {
let reg = /[0-9]{3}/
if(!reg.test(str)) return false
return str.match(reg)[0]
}
FED59 判断是否符合指定格式
题目描述：给定字符串 str，检查其是否符合如下格式
- XXX-XXX-XXXX
- 其中 X 为 Number 类型
输入：'800-555-1212'
输出：true
function matchesPattern(str) {
return (/^\d\d\d-\d\d\d-\d\d\d\d$/).test(str)
}
FED60 判断是否符合 USD 格式
题目描述：给定字符串 str，检查其是否符合美元书写格式
- 以 $ 开始
- 整数部分，从个位起，满 3 个数字用 , 分隔
- 如果为小数，则小数部分长度为 2
- 正确的格式如：2.03，错误的格式如：34,344.3
输入：'$20,933,209.93'
输出：true
function isUSD(str) {
return (/^\$\d{1,3}(\,\d{3})*(\.\d{2})?$/).test(str)
}
