金s办公软件web前端笔试题
1.
var arr = [];
arr['a'] = 1;
console.log(arr.length); // A
arr['4'] = 2;
console.log(arr.length); // B
arr.length = 0;
console.log(arr) // C
A、B、C分别输出什么?
运行结果如下:
var arr = [];
arr['a'] = 1;
console.log(arr); // [a: 1]
console.log(arr.length); //
arr['4'] = 2;
console.log(arr) // (5) [empty × 4, 2, a: 1]
console.log(arr.length); //
arr.length = 0;
console.log(arr) // [a: 1]
console.log(arr.length); //
所以A为0,B为5,C为[a:1]
2.
for(var i=0; i < 5; i ++) {
// 在此处编写代码
// 每隔一秒按顺序输出i值
}
解法:
for (var i = 0; i < 5; i++) {
// 在此处编写代码
// 每隔一秒按顺序输出i值
(function(i) {
setTimeout(() => {
console.log(i)
}, 1000 * i)
})(i)
}
这道题如果没有限定给出给定的代码,还可以根据ES6块级作用域的知识把for循环中的var改成let,或者用Promise
var arr = []
var output = (i) => new Promise(resolve => {
setTimeout(() => {
console.log(i);
resolve()
}, 1000 * i)
});
for (var i = 0; i < 5; i++) {
arr.push(output(i))
};
3.有如下代码:
var f = function g() {
return 23;
};
typeof g()
运行结果是:
报错
(扩展:如果题目中typeof f === 'function', typeof f() === 'number')
4.有如下代码:
function showCase(value) {
switch (value) {
case 'A':
console.log(1);
break;
case 'string':
console.log(2);
break;
case undefined:
console.log(3);
break;
case 'undefined':
console.log(4);
break;
default:
console.log(5)
}
}
showCase(new String('A'))
运行结果是:
5
(扩展:console.log(new String('A')) => String {"A"})
5.请用JavaScript实现map的数据结构,要求数据只能通过map提供的接口进行访问。
解析:
map的数据结构方法有
属性/方法 作用
size属性 size属性返回 Map 结构的成员总数。
set(key, value) set方法设置键名key对应的键值为value,然后返回整个 Map 结构。如果key已经有值,则键值会被更新,否则就新生成该键。set方法返回的是当前的Map对象,因此可以采用链式写法。
get(key) get方法读取key对应的键值,如果找不到key,返回undefined。
has(key) has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。
delete(key) delete方法删除某个键,返回true。如果删除失败,返回false。
clear() clear方法清除所有成员,没有返回值。
参考:
function MyMap() {
this.map = new Object();
this.length = 0;
this.size = function() {
return this.length;
}
this.set = function(key, value) {
if (!this.map[key]) {
++this.length;
}
this.map[key] = value;
}
this.get = function(key) {
return this.map[key] ? this.map[key] : undefined;
}
this.has = function(key) {
return this.map[key] ? true : false;
}
this.delete = function(key) {
if (this.map[key]) {
--this.length;
delete this.map[key];
return true;
} else {
return false;
}
}
this.clear = function() {
this.map = new Object();
this.length = 0;
}
}
6.给定一个排好序的整数数组,判断其中是否存在两个数之和等于指定的值,时间复杂度最好能达到O(n)。(例如:[1,2,3,4,5,9],指定值为12,结果为true)
var twoSum = function(nums, target) {
var arr = {};
for (var i = 0; i < nums.length; i++) {
if (typeof(arr[nums[i]] !== "undefined")) {
return true
}
arr[target - nums[i]] = i
}
}
金s办公软件web前端笔试题的更多相关文章
- 也许你需要点实用的-Web前端笔试题
之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w ...
- 2015腾讯web前端笔试题
1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性) 2 请指出一下代码的性能问题,并经行优化. var info="腾讯拍拍网(www.paipai.com)是 ...
- 腾讯2013笔试题—web前端笔试题 (老题练手)
问题描述(web前端开发附加题1): 编写一个javascript的函数把url解析为与页面的javascript.location对象相似的实体对象,如:url :'http://www.qq.co ...
- web前端笔试题
1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母.数字.下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test ...
- 腾讯web前端笔试题及个人答案
每道题都有答案,大多数答案亲测正确. 简答题 1.js中“5”+4=? 答案:54 2.js中void(0)=? 答案:undefined 3.js中NaN*4=? 答案:NaN 4.js中null* ...
- web前端笔试题总结
em和rem的区别: 浏览器的默认字体高度是16px,1em=16px:大小可以自己设置调整,并且默认集成父级容器中文本的大小. rem是CSS3中新增的属性,默认情况下是文本尺寸的大小,不同的是它集 ...
- web前端面试试题总结---html篇
HTML Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器 ...
- web前端面试试题总结---其他
其他问题 原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的? 你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy ...
- web前端面试试题总结---css篇
CSS 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(content).填充(padding).边界(m ...
随机推荐
- 如何去除表单元素获得焦点时的外边框:outline (轮廓)
我们在做制作表单页面时,经常会需要消除表单元素带来的边框,这时候我们需要用到两个属性: 1.表单元素未激活状态下的边框,不实现边框: border:none; 2.表单元素获得焦点时的轮廓,隐藏轮廓: ...
- 二、MVC3+EF单表增删改查
document 表为例 写入静态类 NorthwindDataProvider: Controller可直接调用:如 //获取document表全部数据 NorthwindDataProvider. ...
- DOM 和 BOM
DOM 和 BOM DOM: DOM= Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示和处理一个H ...
- js 的起源故事
"1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.这是历史上第一个比较成熟的网络浏览器,轰动一时.但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力 ...
- 【转载】Navicat Premium 12安装与激活
原文地址 https://www.jianshu.com/p/5f693b4c9468#comment-20147185感谢作者的无私奉献,无意侵权,如需删除请联系我!所提供的激活文件理论支持Navi ...
- SqlServer数据库全角和半角互转的方法
---摘要: SqlServer数据库全角和半角互转的方法 CREATE FUNCTION f_Convert( @str NVARCHAR(4000), --要转换的字符串 @flag bit -- ...
- matlab练习程序(最大流/最小割)
学习这个算法是为学习图像处理中的图割算法做准备的. 基本概念: 1.最大流是一个有向图. 2.一个流是最大流,当且仅当它的残余网络中不包括增广路径. 3.最小割就是网络中所有割中值最小的那个割,最小割 ...
- maven学习(一)setting.xml配置文件详解
maven环境搭建: 1.官网下载zip包,解压至任意目录(如:E:\wly\apache-maven-3.2.5) 2.环境变量MAVEN_HOME(E:\wly\apache-maven-3.2. ...
- 三大框架之list
前言: 在我们平常开发中难免会用到List集合来存储数据,一般都会选择ArrayList和LinkedList,以前只是大致知道ArrayList查询效率高LinkedList插入删除效率高,今天来实 ...
- 使用版本 1.0.0 的 Azure ARM SDK for Java 创建虚拟机时报错
问题描述 我们可以通过使用 Azure ARM SDK 来管理 Azure 上的资源,因此我们也可以通过 SDK 来创建 ARM 类型的虚拟机,当我们使用 1.0.0 版本的 Azure SDK fo ...