几道比较有意思的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
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
