几道比较有意思的js面试题
1、[] ? !![] : ![];输出结果是什么?
1
2
3
4
5
|
let val = [] ? !![] : ![];
console.log(val);
//true:
//之前的错误解释:[] 是一个null,做判断则为false,false执行![]语句,结果为非空,即true
//更正:[]是一个object,object判断为true(null实际上也是一个object不过比较特殊是6种false之一),true执行 !![] 两次取反为true.多谢@此生只为你倾心指正。
|
这里顺便说明一下,js用于做判断,只有以下6种情况判断出来的值为false:
值为false: false 0 null ""(空字符串) undefined NaN
其他均为true。
延展一下,有个比较有意思的情况是:[] == ![]; //true,
还有[]我们刚刚判断为true对吧? 但是呢 [] == false; //true,
为什么呢?
==
:趋向于先转换成0和1再做判断,一起来看看吧
先看[] == false首先把比较的双方转成number(双方有一方是布尔值),[]是空数组,转换成基本类型为"",空所以被转化为0,false也被转成0。0 == 0,true(不过如果用恒等于 ===则为false,因为两者数据类型不一致,[]为object(里的array),false为布尔值)
再看[] == ![]; []是object即true,!true ==> false; false ==> 0; 而[]我们知道最终转化为0,所以 0 == 0; //true;
[] == [] 实际上是false哈。是不是很别扭?
所以:慎用 "==",用“===”
2、下面代码输出什么?
1
2
3
4
|
let k;
for (let i = 0,j = 0;i < 10,j < 8; i++, j++){
k = i + j;
}
|
答案是:14。这里的i和j是同步增长,当j加到7的时候,i也等于7,k执行等于14,j再加1,不满足条件,跳出循环,结果为14,如果再问i和j的值,则都为8。
3、有这样一串杂乱无章的数据————dahsidoai 213907;a poas198jdo 213089 as13d115。
我希望它输出["213907", "198", "213089", "13", "115"],请写出实现过程
1
2
3
4
5
6
7
8
9
10
11
12
|
let str = "dahsidoai 213907;a poas198jdo 213089 as13d115" ;
function searchNumUnit(str){
let arr = [],
str0 = str, //不影响原数据
reg = /\d+/;
while (reg.test(str0)){
arr.push(reg.exec(str0)[0]);
str0 = str0.split( '' ).slice(reg.exec(str0).index + reg.exec(str0)[0].length,str0.length).join( '' );
}
return arr;
}
console.log(searchNumUnit(str));
|
第2种方法,利用js的match函数提取字符串:
1
2
|
let str = "dahsidoai 213907;a poas198jdo 213089 as13d115" ;
console.log(str.match(/\d+/g)); //感谢慕姐704907
|
4、下面是一道综合题,问题会由浅及深一步步问,你需要一步步解决:
下面的程序输出什么?假如说我用"==>"表示程序延迟了多久输出,比如1,2 ==> 3 ,表示12同时输出,之后间隔1000ms(为避免钻牛角尖,这里的1000只是一个大概数)输出了3
1
2
3
4
5
6
|
for ( var i = 0; i < 6; i ++){
setTimeout( function (){
console.log(i);
},1000);
}
// 输出结果:6,6,6,6,6,6
|
那我如果想输出0 , 1 , 2 , 3 , 4 , 5呢?得怎么写?能否通过多种方式来写出?(最少2种)
1
2
3
4
5
6
7
8
|
//第1种方式:
for ( var i = 0; i < 6; i ++){
( function (j){
setTimeout( function (){
console.log(j);
},1000);
})(i)
}
|
1
2
3
4
5
6
7
|
//第2种方式:
for (let i = 0; i < 6; i ++){
setTimeout( function (){
console.log(i);
},1000);
}
//输出结果:0 , 1 , 2 , 3 , 4 , 5
|
那我如果是想输出0 ==> 1 ==> 2 ==> 3 ==> 4 ==> 5程序得怎么改变?
1
2
3
4
5
6
7
8
|
// 代码如下:
for ( var i = 0; i < 6; i ++){
( function (j){
setTimeout( function (){
console.log(j);
},1000 * j);
})(i)
}
|
上面这种代码能实现逻辑,但代码太烂,没法给你加分,有没有更好的办法?另外我为什么说你的代码太烂?能顺便说明一下吗?
1
2
3
4
5
6
7
|
//首先我的代码太烂是因为我创建了太多的定时器,仅仅这里我就创建了6个定时器,如果i值非常大,会非常消耗资源,大大降低执行性能
//优化代码如下:这里的好处是即使你的i1值达到10000甚至1亿,我始终只有1个定时器。
let i1 = 0;
let time = setInterval(output_i1,1000);
function output_i1(){
i1 < 6 ? console.log( "i1=" + i1++) : clearInterval(time);
}
|
这样算可以给你加5分,如果我不是0 , 1 , 2 , 3 , 4 , 5呢?而是0,1,2,3,4,5...简单的说能否给我自定义?
这个简单啊,改成这样不就可以了?
1
2
3
4
5
|
let i1 = 0;
let time = setInterval(output(6),1000);
function output(num){
i1 < num-1 ? console.log(++i1) : clearInterval(time);
}
|
可惜你这个函数是错的,setInterval接收的是一个function:output,而不是接收一个已经运行的output(),所以呢?你得怎么改?
1
2
3
4
5
6
7
8
9
10
11
|
//改成这样:
let i2 = 0;
let time1 = setInterval(_output_i2(8),1000);
function _output_i2(num){
return function (){
output_i2(num);
}
}
function output_i2(num){
i2 < num ? console.log( "i2=" + i2++) : clearInterval(time1);
}
|
如果你到了这一步,嗯,还行,勉强达到了基本要求,但是呢,其实这里涉及到异步,用promise又得怎么写?还能再进一步吗?答案是肯定的,不过呢,先答下一题吧。
5、这是一道简单的数据处理题
一个树形json数据有3层,基本的结构如下:(...代表后续有若干个类似的对象)
数据大概是这样:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
[
{
id : "1" ,
name : "dorsey1" ,
children: [
{
id : "1-1" ,
name : "dorsey1-1" ,
children : [
{
id : "1-1-1" ,
name : "dorsey1-1-1" ,
children : [
{
id : "1-1-1-1" ,
name : "dorsey1-1-1-1" ,
}
...
]
}
...
]
}
...
]
}
...
]
|
请写一个函数传入id值返回name值,另外呢?这里虽说只是3层,能否拓展到若干层?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
let data = [
{
id : "1" ,
name : "dorsey1" ,
children: [
{
id : "1-1" ,
name : "dorsey1-1" ,
children : [
{
id : "1-1-1" ,
name : "dorsey1-1-1" ,
children : [
{
id : "1-1-1-1" ,
name : "dorsey1-1-1-1" ,
}
]
},
{
id : "1-1-2" ,
name : "dorsey1-1-2"
}
]
},
{
id : "1-2" ,
name : "dorsey1-2" ,
children : [
{
id : "1-2-1" ,
name : "dorsey1-2-1"
},
{
id : "1-2-2" ,
name : "dorsey1-2-2"
}
]
},
{
id : "1-3" ,
name : "dorsey1-3" ,
children : [
{
id : "1-3-1" ,
name : "dorsey1-3-1"
},
{
id : "1-3-2" ,
name : "dorsey1-3-2"
}
]
}
]
},
{
id : "2" ,
name : "dorsey2" ,
children: [
{
id : "2-1" ,
name : "dorsey2-1" ,
children : [
{
id : "2-1-1" ,
name : "dorsey2-1-1"
},
{
id : "2-1-2" ,
name : "dorsey2-1-2"
}
]
},
{
id : "2-2" ,
name : "dorsey2-2" ,
children : [
{
id : "2-2-1" ,
name : "dorsey2-2-1"
},
{
id : "2-2-2" ,
name : "dorsey2-2-2"
}
]
}
]
}
]
|
这是基本的json解析,请看下面的实现:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
//最原始的实现如下:
function getJsonDataNameById(dataArr,id) {
let agent = [];
let data = dataArr,
len = data.length;
for (let i = 0; i < len; i++) {
let item = data[i];
if (item.children && item.children.length !== 0){
for (let j = 0 ; j < item.children.length; j ++){
agent.push(item.children[j]);
}
data = data.concat(agent); //children降维
len += agent.length;
agent = [];
}
}
for (let i = 0; i < data.length; i++){
if (data[i].id === id){
return data[i].name;
}
}
}
let a = getJsonDataNameById(data, "1-3-2" );
console.log(a);
|
作者:dorseyCh
链接:https://www.imooc.com/article/48993
来源:慕课网
本文原创发布于慕课网 ,转载请注明出处,谢谢合作
转载于:https://www.cnblogs.com/justBobo/p/10740542.html
几道比较有意思的js面试题相关推荐
- 一道有意思的js面试题
给大家分享一道比较有意思的js面试题 function Foo() {getName = function () { console.log (1); };console.log(this)retur ...
- js经典试题之ES6
js经典试题之ES6 1:在ECMAScript6 中,Promise的状态 答案:pending resolved(fulfilled) rejected 解析: Promise对象只有三种状态: ...
- js经典试题之数据类型
js经典试题之数据类型 1:输出"B" + "a" + + "B" + "a"的值: 答案:BaNaNa. 分析:因为+ ...
- 2017面试分享(js面试题记录)
2017面试分享(js面试题记录) 1. 最简单的一道题 '11' * 2'a8' * 3 2. 一道this的问题 var num = 10;var obj = {num:8,inner: {num ...
- 记录一些js面试题以及解法
记录一些js面试题,解法,感悟. 1.将字符串"aaaabbbbcccc"转换"4a4b4c" 解法1 var str = "aaaabbbbcccc ...
- (五)不只是 huohuo 的 JS 面试题
写过最多的是 JS 相关的文章,做过最完整的是 JS 的思维导图,敲过最多的依然是 JS 代码,我觉得自己的 JS 还算可以了.写到这里的时候,我已经离职一周,也参加了几次面试,大多数问题都能按自己的 ...
- javascript算法+手写js面试题
链表 function ListNode(val, next) {this.val = (val===undefined ? 0 : val)this.next = (next===undefined ...
- 推荐几个比较有意思的js效果插件
推荐几个比较有意思的js效果插件 wow.js 数字累加插件 CounterUp wow.js 这个东西很有意思,具体怎么有意思呢,就是你可以用很简单的方法引用它,然后通过加类名的方法就可以让你的网页 ...
- js面试题整理——更新ing
JS面试题 一.JS的数据类型 js的数据类型分为基本数据类型和引用数据类型 基本数据类型:String.Number.Null.Undefined.Boolean.Symbol 引用数据类型:Obj ...
最新文章
- ArcSDE 9.1 for Oracle10g on Solaris 10
- FPGA之道(25)VHDL数据类型转换函数与数据对象的属性
- 【NOIP2016】蚯蚓 --队列模拟
- Django部署前准备
- 吴恩达《Machine Learning》精炼笔记 3:回归问题和正则化
- 【spider】多线程爬虫
- 使用Istio进行多集群部署管理:单控制平面 Gateway 连接拓扑
- [转]Java jdbc数据库连接池总结!
- Linux使用docker安装RabbitMQ一站式教程【图文教程】
- IDL简单读写nc文件
- 计算机教室学生上机守则,中学计算机网络教室上机守则.doc
- 基于深度学习的时间序列分类[含代码]
- IEC61850开发流程
- java计算机毕业设计合同管理MyBatis+系统+LW文档+源码+调试部署
- 华为软件测试通信基础,【华为软件测试工程师面试】面试软件测试和通信相关的题目。-看准网...
- N-S方程(一)-变量说明
- 实验1 matlab图像处理初步,实验一 MATLAB数字图像处理初步
- Windows系统下Android SDK的安装
- 高层住宅火灾风险大,去年发生3438起、死亡155人
- 华为鲲鹏认证怎么样?值得考吗