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

几道比较有意思的js面试题的更多相关文章

  1. 所在实习公司的JS笔试题

    在班上无聊的时候看到了一份JS笔试题(我是电面进去的,没做过这份题~~),开始还觉得蛮简单......后来觉得还是很有意思的,贴出来一起看看. 题目一: if(!("a" in w ...

  2. 10个常见的Node.js面试题

    如果你希望找一份有关Node.js的工作,但又不知道从哪里入手评测自己对Node.js的掌握程度. 本文就为你罗列了10个常见的Node.js面试题,分别考察了Node.js编程相关的几个主要方面. ...

  3. 有点难度的JS面试题

    自己总结了一些JS面试题 希望能够帮助正在找工作的程序猿(●´∀｀●) 1.js 实现一个函数对javascript中json 对象进行克隆 var oldObject ="sdf" ...

  4. Node.js面试题之2017

    译者按: 从ECMAScript标准,Node.js语法以及NPM模块角度来看,Node.js的发展让人目不暇接,那么面试题也得与时俱进. 原文: Node.js Interview Question ...

  5. vue.js面试题整理

    Vue.js面试题整理 一.什么是MVVM? MVVM是Model-View-ViewModel的缩写.MVVM是一种设计思想.Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务 ...

  6. 一道JS面试题引发的血案

    刚入职新公司,属于公司萌新一枚,一天下午对着屏幕看代码架构时. BI项目组长给我看了一道面试别人的JS面试题. 虽然答对了,但把理由说错了,照样不及格. 话不多说,直接上题: var a = 1; s ...

  7. js经典试题之常用的方法

    js经典试题之常用的方法 1.下面代码输出的值 let s = "bob" const replaced = s.replace('b', 'l') replaced === &q ...

  8. js经典试题之运算符的优先级

    js经典试题之运算符 1.假设val已经声明,可定义为任何值.则下面js代码有可能输出的结果为: console.log('Value is ' + (val != '0') ? 'define' : ...

  9. js经典试题之ES6

    js经典试题之ES6 1:在ECMAScript6 中,Promise的状态 答案:pending  resolved(fulfilled) rejected 解析: Promise对象只有三种状态: ...

随机推荐

  1. DDCTF-2019

    Web 滴 Web 签到题 Web 大吉大利,今晚吃鸡 1)滴 网址http://117.51.150.246/index.php?jpg=TmpZMlF6WXhOamN5UlRaQk56QTJOdz ...

  2. 超越村后端开发（4：API开发）

    1.users相关的api开发 1.在settings中添加APPID,SECRET 2.在apps/users/views.py内: from chaoyuecun.settings import ...

  3. 谈谈JAVA中的安全发布

    谈谈JAVA中的安全发布 昨天看到一篇文章阐述技术类资料的"等级",看完之后很有共鸣.再加上最近在工作中越发觉得线程安全性的重要性和难以捉摸,又掏出了<Java并发编程实战& ...

  4. ASP.NET后台调用API方法

    /// <summary> /// 调用API POST请求与获取结果 /// </summary> ///URL 与 JSON串 public static string H ...

  5. AIC与BIC

    首先看几个问题 1.实现参数的稀疏有什么好处? 一个好处是可以简化模型.避免过拟合.因为一个模型中真正重要的参数可能并不多,如果考虑所有的参数作用,会引发过拟合.并且参数少了模型的解释能力会变强. 2 ...

  6. Linux CentOS7 安装wkhtmltopdf工具

    wkhtmltopdf是一款将html文件转换成pdf格式的优秀的文件内容转换工具.它使用QT作为渲染引擎,目前它的RELEASE版尚不支持flex布局的Html5代码转换.使用flex的嵌套元素将会 ...

  7. JavaWeb处理GET、POST时的编码乱码问题

    对于GET方法,只要设置了res.setContentType("text/html;charset=UTF-8"), req.getParameter()就不会产生乱码. 对于P ...

  8. Map的几种取值方法

    public static void main(String[] args) throws IOException,ParseException { Map<String,String> ...

  9. Ubuntu下使用Sublime Text 3配置Python开发环境

    因为电脑配置有些低端,所以只能使用Sublime来当作Python的IDE. 1.下载Sublime Text 3并安装 首先去官网找到64位的.tar.bz2的压缩文件下载: 使用命令或归档管理器将 ...

  10. 肺结节CT影像特征提取（五）——肺结节CT影像ROI区域灰度直方图及其图形化

    在博客肺结节CT影像特征提取中,已经实现了肺结节的灰度.纹理和形态特征的提取.但是,对于进一步了解ROI区域像素值或者说CT值的分布来说,还存在一定的不足,不能够很好的显示ROI区域. 因此,本文将进 ...