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前端笔试题的更多相关文章

  1. 也许你需要点实用的-Web前端笔试题

    之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w ...

  2. 2015腾讯web前端笔试题

      1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性) 2 请指出一下代码的性能问题,并经行优化. var info="腾讯拍拍网(www.paipai.com)是 ...

  3. 腾讯2013笔试题—web前端笔试题 (老题练手)

    问题描述(web前端开发附加题1): 编写一个javascript的函数把url解析为与页面的javascript.location对象相似的实体对象,如:url :'http://www.qq.co ...

  4. web前端笔试题

    1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母.数字.下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test ...

  5. 腾讯web前端笔试题及个人答案

    每道题都有答案,大多数答案亲测正确. 简答题 1.js中“5”+4=? 答案:54 2.js中void(0)=? 答案:undefined 3.js中NaN*4=? 答案:NaN 4.js中null* ...

  6. web前端笔试题总结

    em和rem的区别: 浏览器的默认字体高度是16px,1em=16px:大小可以自己设置调整,并且默认集成父级容器中文本的大小. rem是CSS3中新增的属性,默认情况下是文本尺寸的大小,不同的是它集 ...

  7. web前端面试试题总结---html篇

    HTML Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器 ...

  8. web前端面试试题总结---其他

    其他问题 原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的? 你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy ...

  9. web前端面试试题总结---css篇

    CSS 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(content).填充(padding).边界(m ...

随机推荐

  1. 【卷土重来之C#学习笔记】(三) 类型 存储和变量

    .c#程序是一组类型声明 ※C#程序或DLL的源代码是一组一种或多种类型声明 ※对于可执行程序,类型声明必须有一个包含Main方法类 ※命名空间是一种把相关的类型声明分组并命名的方法.既然程序是一组相 ...

  2. 【VirtualBox】快照

    一.快照备份 虚拟机系统快照下来,以后就可以恢复到快照之前的系统 右上角->虚拟电脑工具->快照

  3. .net 金额中文大写 日期转中文

    金额中文大写 #region 中文大写 /// <summary> /// 返回中文数字 ,如壹佰元整 /// </summary> /// <param name=&q ...

  4. 针对在webview模式中,小米魅族手机不支持html5原生video的control的解决办法![原创]

    其实,解决办法就是,重新写个control控制功能,.同样用流行的video.js可以实现 第一步就是增加个播放的图片..要不然没有按钮多难看! <div class="videoDi ...

  5. window 常用MySQL数据库命令总结

    登录:cmd - mysql -uroot -p 创建数据库:CREATE DATABASE `tpcms` DEFAULT CHARACTER SET utf8 COLLATE utf8_gener ...

  6. HDU 4268 multiset

    http://acm.hust.edu.cn/vjudge/contest/123100#problem/B #include <iostream> #include <string ...

  7. Spring课程 Spring入门篇 5-2 配置切面aspect

    本节主要讲了在xml中配置切面的demo 1 解析 1.1 配置切面xml 1.2 配置切面xml 1.3 问:什么是动态代理? 2 代码演练 2.1 配置切面xml 1 解析 1.1 配置切面xml ...

  8. swagger快速开发

    转载:https://blog.csdn.net/xxoo00xx00/article/details/77163399 swagger 学习笔记 搭建环境: 1,jdk1.8 2,idea 3,sp ...

  9. pv-err-watch

    # pv-err-watch 这是一个前端监控的小工具,提供了多种信息的查询 ## 快速开始 安装`npm install pv-err-watch -S` ```js import errorWat ...

  10. String字符串操作

    char chars[] ={'a','b','c'}; String s = new String(chars); int len = s.length();//字符串长度 System.out.p ...