#学习笔记#(30)牛客网JS测试题21~45

最新推荐文章于 2023-08-12 21:58:15 发布
最新推荐文章于 2023-08-12 21:58:15 发布
阅读量2.5k 收藏 4
点赞数 1
分类专栏： 学习笔记 web
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qq_24734285/article/details/50624342
版权

21、题目描述

将数组 arr 中的元素作为调用函数 fn 的参数 
输入例子:
argsAsArray(function (greeting, name, punctuation) {return greeting + ', ' + name + (punctuation || '!');}, ['Hello', 'Ellie', '!'])

输出例子:
Hello, Ellie!
代码： 
 function argsAsArray(fn, arr) {
		 	return fn.apply(this,arr);
}

22、题目描述

将函数 fn 的执行上下文改为 obj 对象 
输入例子:
speak(function () {return this.greeting + ', ' + this.name + '!!!';}, {greeting: 'Hello', name: 'Rebecca'})

输出例子:
Hello, Rebecca!!!
代码： 

function speak(fn, obj) {
			return fn.apply(obj,arguments);
}

23、题目描述

实现函数 functionFunction，调用之后满足如下条件：
1、返回值为一个函数 f
2、调用返回的函数 f，返回值为按照调用顺序的参数拼接，拼接字符为英文逗号加一个空格，即 ', '
3、所有函数的参数数量为 1，且均为 String 类型 
输入例子:
functionFunction('Hello')('world')

输出例子:
Hello, world
代码： 

function functionFunction(str) {
   			var f=function(str2){
   				if(typeof(str)=="string" && typeof(str2)=="string")
   					return str+', '+str2;//2、返回值
   				else return false;
   			};
   			return f;//1、返回函数f
			}

24、题目描述

实现函数 makeClosures，调用之后满足如下条件：
1、返回一个函数数组 result，长度与 arr 相同
2、运行 result 中第 i 个函数，即 result[i]()，结果与 fn(arr[i]) 相同 
输入例子:
var arr = [1, 2, 3]; var square = function (x) { return x * x; }; var funcs = makeClosures(arr, square); funcs[1]();

输出例子:
4
代码： 

function makeClosures(arr, fn) {
   			var result = [];//声明要返回的数组result
 			for(var i=0;i<arr.length;i++){//数组result的长度与arr的长度相同
 				result[i]=fun(i);//数组的值为函数fun的返回值
 			}
 			function fun(i){//定义函数fun
 				return function(){//函数fun返回给数组result的值为一个匿名函数
 					return fn(arr[i]);//这个匿名函数的返回值为fn(arr[i])
 				}
 			}
 	    	return result;
}

25、题目描述

已知函数 fn 执行需要 3 个参数。请实现函数 partial，调用之后满足如下条件：
1、返回一个函数 result，该函数接受一个参数
2、执行 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) {
	function result(str3){
		return fn(str1,str2,str3);
	}
	return result;
}

26、题目描述

函数 useArguments 可以接收 1 个及以上的参数。请实现函数 useArguments，返回所有调用参数相加后的结果。本题的测试参数全部为 Number 类型，不需考虑参数转换。 
输入例子:
useArguments(1, 2, 3, 4)

输出例子:
10
代码： 

function useArguments() {
		var sum=0;
		for(var i=0;i<arguments.length;i++)
			sum+=arguments[i];
		return sum;
	}

27、题目描述

实现函数 callIt，调用之后满足如下条件
1、返回的结果为调用 fn 之后的结果
2、fn 的调用参数为 callIt 的第一个参数之后的全部参数 
输入例子:
var a = 1; var b = 2; var test = function (first, second) { return first === a && second === b;}; callIt(test, a, b);

输出例子:
true
代码： 
function callIt(fn) {
		var args=[];
		for(var i=1;i<arguments.length;i++)
			args.push(arguments[i]);
		var result=fn.apply(null,args);
		return result;
	}
或者 
function callIt(fn) {
		return fn.apply(null,Array.prototype.slice.call(arguments,1));
	}

28、题目描述

实现函数 partialUsingArguments，调用之后满足如下条件：
1、返回一个函数 result
2、调用 result 之后，返回的结果与调用函数 fn 的结果一致
3、fn 的调用参数为 partialUsingArguments 的第一个参数之后的全部参数以及 result 的调用参数 
输入例子:
var a = 1; var b = 2; var c = 3; var d = 4;var test = function (first, second, third, forth) {return first + second + third + forth;};partialUsingArguments(test, a, b)(c, d);

输出例子:
10
代码： 

function partialUsingArguments(fn) {
		//获取 partialUsingArguments 的第一个参数之后的全部参数
		var args1=Array.prototype.slice.call(arguments,1);
		//定义result
		var result=function(){
			//获取 result的调用参数
			var args2=Array.prototype.slice.call(arguments,0);
			//将参数整合到一个数组中
			var args=args1.concat(args2)
			return fn.apply(null,args);
		}
		//返回result
		return result;
 }

29、题目描述

已知 fn 为一个预定义函数，实现函数 curryIt，调用之后满足如下条件：
1、返回一个函数 a，a 的 length 属性值为 1（即显式声明 a 接收一个参数）
2、调用 a 之后，返回一个函数 b, b 的 length 属性值为 1
3、调用 b 之后，返回一个函数 c, c 的 length 属性值为 1
4、调用 c 之后，返回的结果与调用 fn 的返回值一致
5、fn 的参数依次为函数 a, b, c 的调用参数 
输入例子:
var fn = function (a, b, c) {return a + b + c}; curryIt(fn)(1)(2)(3);

输出例子:
6
代码： 

function curryIt(fn) {
	return a=function(ra){
		return b=function(rb){
			return c=function(rc){
				return fn(ra,rb,rc);
			}
		}
	}
}

30、题目描述

返回参数 a 和 b 的逻辑或运算结果 
输入例子:
or(false, true)

输出例子:
true
代码： 

function or(a, b) {
	return a||b;
}

31、题目描述

返回参数 a 和 b 的逻辑且运算结果 
输入例子:
and(false, true)

输出例子:
false
代码： 

function and(a, b) {
	return a&&b;
}

32、题目描述

完成函数 createModule，调用之后满足如下要求：
1、返回一个对象
2、对象的 greeting 属性值等于 str1， name 属性值等于 str2
3、对象存在一个 sayIt 方法，该方法返回的字符串为 greeting属性值 + ', ' + name属性值
代码： 

function createModule(str1, str2) {
	var obj={
        greeting:str1,
        name:str2,
        sayIt:function(){
        	return this.greeting+', '+this.name;
    	}
    };
    return obj;
}

33、题目描述

获取数字 num 二进制形式第 bit 位的值。注意：
1、bit 从 1 开始
2、返回 0 或 1
3、举例：2 的二进制为 10，第 1 位为 0，第 2 位为 1 
输入例子:
valueAtBit(128, 8)

输出例子:
1
代码： 

function valueAtBit(num, bit) {
	var newnum=num.toString(2);
	return newnum[newnum.length-bit];
}

34、题目描述

给定二进制字符串，将其换算成对应的十进制数字 
输入例子:
base10('11000000')

输出例子:
192
代码： 

function base10(str) {
	return parseInt(str,2);
}

35、题目描述

将给定数字转换成二进制字符串。如果字符串长度不足 8 位，则在前面补 0 到满8位。 
输入例子:
convertToBinary(65)

输出例子:
01000001
代码： 

function convertToBinary(num) {
	var newnum=num.toString(2);
	var newlength=newnum.length;
	if(newnum.length<8){
		for(var i=0;i<8-newlength;i++)
			newnum="0"+newnum;
	}
	return newnum;
}

36、题目描述

求 a 和 b 相乘的值，a 和 b 可能是小数，需要注意结果的精度问题 
输入例子:
multiply(3, 0.0001)

输出例子:
0.0003
代码： 

function multiply(a, b) {
	return a*b;
}

37、题目描述

将函数 fn 的执行上下文改为 obj，返回 fn 执行后的值 
输入例子:
alterContext(function() {return this.greeting + ', ' + this.name + '!'; }, {name: 'Rebecca', greeting: 'Yo' })

输出例子:
Yo, Rebecca!
代码： 

function alterContext(fn, obj) {
	return fn.apply(obj);
}
或者： 
function alterContext(fn, obj) {
	return fn.call(obj,obj);
}

38、题目描述

给定一个构造函数 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;
	return constructor.greeting;
}

39、题目描述

找出对象 obj 不在原型链上的属性(注意这题测试例子的冒号后面也有一个空格~)
1、返回数组，格式为 key: value
2、结果数组不要求顺序 
输入例子:
var C = function() {this.foo = 'bar'; this.baz = 'bim';}; C.prototype.bop = 'bip'; iterate(new C());

输出例子:
["foo: bar", "baz: bim"]
代码： 

function iterate(obj) {
	var arr=[];
	for(var key in obj){
		if(obj.hasOwnProperty(key))//hasOwnProperty用于检验obj的属性key是否是自有的（而不是原型链的）
			arr.push(key+": "+obj[key]);
			}
	return arr;			
}

40、题目描述

给定字符串 str，检查其是否包含数字，包含返回 true，否则返回 false
输入例子:
containsNumber('abc123')

输出例子:
true
代码： 

function containsNumber(str) {
	var reg=/\d/;
	return reg.test(str);
}

41、题目描述

给定字符串 str，检查其是否包含连续重复的字母（a-zA-Z），包含返回 true，否则返回 false 
输入例子:
containsRepeatingLetter('rattler')

输出例子:
true
代码： 

function containsRepeatingLetter(str) {
     var reg=/([a-zA-Z])\1/;	//\1是对第一个括号中的内容的引用
	 return reg.test(str);
 }

42、题目描述

给定字符串 str，检查其是否以元音字母结尾
1、元音字母包括 a，e，i，o，u，以及对应的大写
2、包含返回 true，否则返回 false 
输入例子:
endsWithVowel('gorilla')

输出例子:
true
代码： 

function endsWithVowel(str) {
	var reg=/[a,e,i,o,u]$/i;	// $表示匹配结尾，/i表示忽略大小写
	return reg.test(str);
}

43、题目描述

给定字符串 str，检查其是否包含连续3个都是数字
1、如果包含，返回最先出现的 3 个数字的字符串
2、如果不包含，返回 false 
输入例子:
captureThreeNumbers('9876543')

输出例子:
987
代码： 

function captureThreeNumbers(str) {
	var reg=/\d{3}/;
	var matcher=str.match(reg);
	if(matcher)
		return matcher[0];
    else return false;
}

44、题目描述

给定字符串 str，检查其是否符合如下格式
1、XXX-XXX-XXXX
2、其中 X 为 Number 类型 
输入例子:
matchesPattern('800-555-1212')

输出例子:
true
代码： 

function matchesPattern(str) {
	var reg=/^\d{3}-\d{3}-\d{4}$/;	//注意开头要加^结尾要加$
	return reg.test(str);
}

45、题目描述

给定字符串 str，检查其是否符合美元书写格式
1、以 $ 开始
2、整数部分，从个位起，满 3 个数字用 , 分隔
3、如果为小数，则小数部分长度为 2
4、正确的格式如：$1,023,032.03 或者 $2.03，错误的格式如：$3,432,12.12 或者 $34,344.3 
输入例子:
isUSD('$20,933,209.93')

输出例子:
true
代码： 

<del>function isUSD(str) {
	var reg=/^\$([1-9]\d{0,3})(,\d{3})*(\.\d{2})?$/;
    /*
	1、以 $ 开始: ^$
	2、$之后的第一组数字可能是0,1,2,3位: [1-9]\d{0~3}
	3、第二组开始之后的数字每组都是一个,加上三个数字：(,\d{3})*  //*表示可匹配0~n组
	4、如果有小数部分，格式为 .加上两个数字(注意对.进行转义；并且小数为结尾部分)：(\.\d{2})?$
	*/
	return reg.test(str);
}</del>
感谢@ qq_19157005 的提示，如有错误，欢迎指正探讨~，修改如下： 
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script>
    function isUSD(str) {
        var reg=/^\$(([1-9]\d{0,2}|(0)))(,\d{3})*(\.\d{2})?$/; 
        /*
         1、以 $ 开始: ^$
         2、如果是小于1的小数，则以0开头（允许0.00）；如果大于1，则以1~9开头，后面匹配0~2位的0~9的数字
         3、第二组开始之后的数字每组都是一个,加上三个数字：(,\d{3})*  //*表示可匹配0~n组
         4、如果有小数部分，格式为 .加上两个数字(注意对.进行转义；并且小数为结尾部分)：(\.\d{2})?$  （?是非贪婪模式，表示匹配0或1次）
         */
        return reg.test(str);
    }
	console.log(isUSD("$1,023,032.03"));
	console.log(isUSD("$2.03"));
	console.log(isUSD("$100,000"));
	console.log(isUSD("$111.22"));
	console.log(isUSD("$0.03"));
	console.log(isUSD("$0.03"));
	console.log(isUSD("$1,000.03"));

	console.log(isUSD("$00,00"));
	console.log(isUSD("$34,344.3"));
	console.log(isUSD("$3,432,12.12"));
	console.log(isUSD("$1000.03"));
</script>
</body>
</html>




























游走走
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
web前端开发笔试题
10-21
很齐全的ajax部分笔试题 Ajax的优缺点： 使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得 Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改 变过的信息。 对应用Ajax最主要的缺点就是，它可能破坏浏览器后退按钮的正常行为 因为Ajax中采用了xml技术，所以在Ajax中也可能问到XML的问题 Ajax和javascript的区别？ javascript是一种在浏览器端执行的脚本语言，Ajax是一种创建交互式网页 应用的开发技术 ，它是利用了一系列相关的技术其中就包括javascript。 Javascript是由网景公司开发的一种脚本语言，它和sun公司的java语言是 没有任何关系的，它们相似的名称只是一种行销策略。
前端常见编程题（一）
a15387091481的博客
04-23 2961
1. 前言 主要汇总一些目前遇见过的跟前端有关的编程题（面试用），不是算法编程题。 有遗漏的和写错了的，欢迎评论区指正分享。 防抖与节流 防抖 用户触发事件过于频繁，只执行最后一次事件的操作。 实现：在第一次触发事件时，不立即执行函数，而是给出一个期限值比如200ms，然后在200ms内没有再次触发滚动事件，那么就执行函数；如果在200ms内再次触发了滚动事件，那么当前的计时取消，重新开始计时。 window.onload = function() { window.document.querySel
20道前端JS高频面试题附答案（2023）
weixin_43558117的博客
05-06 1593
20道前端JS高频面试题附答案（2023）
前端面试常见编程题汇总
廖龙东个人博客
04-07 751
使用时间戳，当触发事件的时候，我们取出当前的时间戳，然后减去之前的时间戳(最一开始值设为 0 )，如果大于设置的时间周期，就执行函数，然后更新时间戳为当前的时间戳，如果小于，就不执行。使用定时器：当触发事件的时候，我们设置一个定时器，再触发事件的时候，如果定时器存在，就不执行，直到定时器执行，然后执行函数，清空定时器，这样就可以设置下个定时器。实现 add(1)(2)(3)(4)(5).sum()和 add(1)(2, 3)(4)(5).sum()参数不定的累加效果。
【复盘】20个常考的前端算法题，你全都会吗？
程序员成长指北
08-12 608
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群现在面试中，算法出现的频率越来越高了，大厂基本必考今天给大家带来20个常见的前端算法题，重要的地方已添加注释，如有不正确的地方，欢迎多多指正????1、两数之和题目：给定一个数组 nums 和一个目标值 target，在该数组中找出和为目标值的两个数输入：nums: [8, 2, 6, 5, 4, 1,...
MachineLP#CodeFun#学习笔记TF028_实现简单卷积网络1
07-25
卷积层函数，tf.nn.conv2d，TensorFlow 2 维卷积函数，参数x输入，W卷积参数，卷积核尺寸，channel个数，卷积核数量(卷积层提取特征数
软件测试-软件测试视频教程学习笔记.zip
最新发布
04-07
软件测试-软件测试视频教程学习笔记.zip软件测试-软件测试视频教程学习笔记.zip软件测试-软件测试视频教程学习笔记.zip软件测试-软件测试视频教程学习笔记.zip软件测试-软件测试视频教程学习笔记.zip软件测试-软件...
JavaScript学习笔记之JS函数
11-27
函数就是包裹在花括号中的代码块，前面使用了关键词function： 复制代码 代码如下: function functionName() {  这里是要执行的代码 } 函数参数 　函数的参数可以任意多个，不用声明变量类型，只用给出变量名： ...
Nodejs学习笔记之测试驱动
01-02
这里的测试主要针对Web后端的测试 —— 你为什么要写测试用例（即测试用例的完善是否是浪费时间），如何完善你的测试用例，代码设计如何简化测试用例的书写，以及一些后期的构想。 1. 你为什么要写测试用例 这个习惯...
前端：20 个常见的前端算法题
三拾的博客
05-10 1170
现在面试中，算法出现的频率越来越高了，大厂基本必考今天给大家带来 20 个常见的前端算法题，重要的地方已添加注释，如有不正确的地方，欢迎多多指正 💕。
20个常见的前端算法题，你全都会吗？
web全栈开发的博客
10-27 5545
现在面试中，算法出现的频率越来越高了，大厂基本必考今天给大家带来20个常见的前端算法题，重要的地方已添加注释，如有不正确的地方，欢迎多多指正????1、两数之和题目： 给定一个数组nums和一个目标值target，在该数组中找出和为目标值的两个数输入： nums: [8, 2, 6, 5, 4, 1, 3] ； target:7输出： [2, 5]// 时间复杂度O(n)、 空间复杂度O(n) f...
Web前端开发技术————期末编程例题
Tonyhnv的博客
07-04 6216
计算梯形的面积。按下图所示页面效果，编程实现所需功能。 （1）表单中设置4个文本框、1个按钮、1个重置按钮，其中梯形的面积文本框设置为只读； （2）编写两个自定义函数，分别是计算梯形的面积函数area（a,b,c）、在页面上显示结果show()，并在show()函数中调用area(a,b,c)函数(a为长度，b为宽度，c为高度)； （3）输入完长、宽、高后，点击“计算梯形的面积”按钮后，将计算结果显示在“梯形的面积”文本框中；（4）点击“重置”按钮后，将所有文本框清空；（5）梯形的面积保留2位小数。.
前端面试笔试编程题（持续更新中）
weixin_47322076的博客
09-17 1338
js手写
前端面试题 —— JavaScript （一）
qq_41623635的博客
10-09 875
前端JavaScript面试题
前端面试常见编程题
StarFishing
12-23 9561
1、手写jsonp的实现 参考自： http://www.qdfuns.com/notes/16738/1b6ad6125747d28592a53a960b44c6f4.html 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，A...
（前端）编程题
weixin_43358143的博客
10-16 429
<!-- 请实现一个简单的事件机制，能够实现对事件的触发和监听。 如：EventEmitter.on(); EventEmitter.trigger(); --> <script> constEventEmitter= { on:function(type, handle) { //创建一个缓存 this.cache= {}; ...
前端笔试中可能会遇到的编程题
qq_48643318的博客
10-16 434
总结，前端面试题
一些前端编程题目（一）
weixin_44356372的博客
04-20 418
题目和解题代码 1、如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1 // 解法一 function indexOf(arr, item){ return arr.indexOf(item); } // 解法二 若不支持indexOf function indexOf(arr, item) { if (Array.prototype.indexOf) { // 判断浏览器是否支持indexOf return arr.indexO
前端面试常考的编程题
weixin_54112503的博客
03-28 1500
1、手写深拷贝 什么是浅拷贝？ 如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。 什么是深拷贝？ 将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象 常用的深拷贝方法： JSON.parse(JSON.stringify(obj)) 缺点：不能拷贝 undefined、函数、正则会转成空对象、data 会调用toString（）等。 手写深拷贝： functi
牛客网c++服务器项目笔记
08-29
牛客网的课程《Linux高并发服务器开发》中包含了项目笔记，其中涉及到了WebServer的开发。根据引用的信息，这门课程的学习进度可能由于个人原因而拖延了一段时间。在第五章的项目学习中，可能包含了关于多进程服务器...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值