AL JS 试题

本贴最后更新于 382 天前,其中的信息可能已经沧海桑田
  1. 编写函数, 筛选对象, 将 key 为字母, 数字, 中文的键值对分别放置到 enKeyObjnumKeyObjcnKeyObj

          const mixObj = {
            Hello: 0,
            你: 3,
            Js: 1,
            5: 6,
            好: 4,
            7: 8,
          };
    
          function filterObject(mixObj) {
            const filteredObj = {
              enKeyObj: {},
              numKeyObj: {},
              cnKeyObj: {},
            };
    		//...请编写具体实现
            return filteredObj;
          }
    
          const { enKeyObj, numKeyObj, cnKeyObj } = filterObject(mixObj);
    
    
    

参考: 174 道 JavaScript 面试题,助你查漏补缺

  1. DOM 是什么的缩写, 请给出全称

  2. 简述 Javascript 和 ECMAScript 的关系

  3. 请给出一下代码输出结果

          var a = 1;
          function update1(a) {
            a = 2;
          }
          update1(a);
          console.log(a);
    
  4. JS 的基本数据类型

  5. 列举 3 种判断数据类型的方法, 哪个最准确 JS 判断数据类型1

  6. js 中整数的安全范围是多少?(提示: JS 内置变量, 不用给出具体数值)

  7. isNaN 和 Number.isNaN 函数的区别?

  8. 如何判断一个变量不是是数组

  9. 简述 Array.of​的作用

  10. document.getElementsByTagName("div")​ 这段代码的返回值是什么数据类型? 如何转成数组?

  11. 简述包装类型

  12. {}.toString()​ 的执行结果是什么

  13. 编写一个函数, 可以取值任意范围内的随机

          function getRandomNum(min, max) {
            if (Number.isNaN(min) || Number.isNaN(max)) {
              throw new Error("min max 需要为数字");
            }
            if (max < min || max == min) {
              throw new Error("请给出合理随机值范围");
            }
            //  实现
          }
    
  14. 给出以下代码执行结果

    let a = 5;
    
    let b = a++; 
    let c = ++a;
    
    console.log(a, b, c);
    
  15. 给出以下代码执行结果

    const a = "" || 0;
    const b = "" && 1;
    console.log(a, b);
    
  16. 给出以下代码执行结果

    const a = NaN == NaN;
    const b = undefined == null;
          console.log(a, b);
    
  17. innerHTML​ 与 outerHTML​ 的区别?

  18. .call()​ 和 .apply​() 的区别?

  19. 编写函数, 筛选对象, 将 key 为字母, 数字, 中文的键值对分别放置到 enKeyObjnumKeyObjcnKeyObj

          const mixObj = {
            Hello: 0,
            你: 3,
            Js: 1,
            5: 6,
            好: 4,
            7: 8,
          };
    
          function filterObject(mixObj) {
            const filteredObj = {
              enKeyObj: {},
              numKeyObj: {},
              cnKeyObj: {},
            };
    		//...请编写具体实现
            return filteredObj;
          }
    
          const { enKeyObj, numKeyObj, cnKeyObj } = filterObject(mixObj);
    

数组相关

  1. 遍历的数组方法有哪些(共有 10 种, 尽力给出即可)

  2. 分离出 str​ 中的数字并去重排序, 并以字符串方式输出

    const str = "Hello Js 123 你好 Js 908^*&&)(230-)1450909";
    // 期望输出结果 01234589
    
  3. 编写函数, 将下面的二维数组变为一维数组(要求: 使用 map​函数)

          const dbArr = [
            ["a", "b"],
            ["c", "d"],
            ["e", "f"],
          ];
    
          function flatArr(arr) {
            // ...编写实现
          }
          const arr = flatArr(dbArr);
          console.log(arr);
    
    1. 编写函数, 计算每个字符在字符串中出现的次数, 且去除空字符

      const a = `Nulla consequat voluptate elit elit mollit Lorem excepteur tempor laborum. 
            Ad in cillum pariatur aute voluptate Lorem aliqua tempor non nostrud ullamco cup
            之足司,秦生是吴俭的无处爱虽极此事德中春而别案,曾作动承担太治竟气也秦治,妄种好五气决对不十事承,才貂同谓,好不你血十年病但设快自。
            人五人如才二使后德县在人亓,终有未马仍清实,流决予而活看恶他作,卑后千没说郭你最国杀也领,丈用没用若和斯的于土往生生即君之,有谭定弄之人
            无不好的文我今清行到,在太要我可位位,高招者不才之非要上一惜天到尺韩有,变言之若天张韩远千求她负徨那付,人为范,低竟投。
            idatat velit aute. Sit sit consequat eiusmod sit laboris duis. Aliqua consectetur deserunt consectetur amet ipsum duis quis magna do velit velit.`;
      
  4. 将以下数组转换城树形数据

          const cars = [
            // 吉利车型
            { mode: "银河E8", brand: "Geely", subBrand: "Galaxy" },
            { mode: "银河L6", brand: "Geely", subBrand: "Galaxy" },
            { mode: "几何A", brand: "Geely", subBrand: "Galaxy" },
            { mode: "帝豪EC8", brand: "Geely", subBrand: "Emgrand" },
            { mode: "帝豪GL", brand: "Geely", subBrand: "Emgrand" },
            { mode: "博瑞", brand: "Geely", subBrand: "Borui" },
            { mode: "远景", brand: "Geely", subBrand: "Yuanjing" },
    
            // 比亚迪车型
            { mode: "海豹", brand: "BYD", subBrand: "Ocean" },
            { mode: "海豚", brand: "BYD", subBrand: "Ocean" },
            { mode: "唐EV", brand: "BYD", subBrand: "Tang" },
            { mode: "汉EV", brand: "BYD", subBrand: "Han" },
            { mode: "秦PLUS EV", brand: "BYD", subBrand: "Qin" },
            { mode: "元PLUS", brand: "BYD", subBrand: "Yuan" },
    
            // 特斯拉车型
            { mode: "Model 3", brand: "Tesla", subBrand: "Original" },
            { mode: "Model S", brand: "Tesla", subBrand: "Original" },
            { mode: "Model X", brand: "Tesla", subBrand: "Original" },
            { mode: "Model Y", brand: "Tesla", subBrand: "Original" },
          ];
    

    目标数据结果

          const carTree = {
            Geely: {
              Galaxy: ["银河E8", "银河L6", "几何A"],
              Emgrand: ["帝豪EC8", "帝豪GL"],
              Borui: ["博瑞"],
              Yuanjing: ["远景"],
            },
            BYD: {
              Ocean: ["海豹", "海豚"],
              Tang: ["唐EV"],
              Han: ["汉EV"],
              Qin: ["秦PLUS EV"],
              Yuan: ["元PLUS"],
            },
            Tesla: {
              Original: ["Model 3", "Model S", "Model X", "Model Y"],
            },
          };
    
  5. 如何快速清空一个数组

          const arr = ["b", "b", "c"];
    
          //... 一行代码
    
          console.log("输出结果:", arr); // 输出结果: []
    
  6. 求数组交集

          var numOne = [0, 2, 4, 6, 8, 8];
          var numTwo = [1, 2, 3, 4, 5, 6];
    
          function getIntersection(arr1, arr2) {
            // ...实现
          }
    
          console.log(getIntersection(numOne, numTwo)); // [2, 4, 6]
    


  1. JS 判断数据类型

    在 JavaScript 中,判断数据类型的方法有多种,每种方法适用于不同的场景。以下是一些常用的方法及其特点:

    1. typeof

    • 用法typeof​ 是一个操作符,用于返回变量的数据类型。

    • 返回值:返回一个字符串,表示数据类型。

    • 限制

      • 对于基本类型(如 number​、string​、boolean​、undefined​),返回正确的类型。
      • 对于 null​ 和数组,均返回 "object"​。
      • 对于函数,返回 "function"​。
    console.log(typeof 123); // "number"
    console.log(typeof "hello"); // "string"
    console.log(typeof null); // "object"
    console.log(typeof []); // "object"
    console.log(typeof function(){}); // "function"
    

    2. instanceof

    • 用法instanceof​ 用于检查一个对象是否是某个构造函数的实例。
    • 适用范围:主要用于引用类型的判断,如数组和对象。
    • 限制:不能用于基本数据类型。
    console.log([] instanceof Array); // true
    console.log({} instanceof Object); // true
    console.log(null instanceof Object); // false
    

    3. Object.prototype.toString.call()

    • 用法:通过调用 Object.prototype.toString.call()​ 方法,可以准确判断数据类型。
    • 返回值:返回格式为 [object Type]​ 的字符串,其中 Type​ 是具体的数据类型。
    • 优点:能够区分所有数据类型,包括数组和 null​。
    console.log(Object.prototype.toString.call(123)); // "[object Number]"
    console.log(Object.prototype.toString.call([])); // "[object Array]"
    console.log(Object.prototype.toString.call(null)); // "[object Null]"
    

    4. constructor 属性

    • 用法:通过对象的 constructor​ 属性可以判断其构造函数。
    • 限制:对于 null​ 和 undefined​ 没有 constructor​ 属性。
    console.log((123).constructor === Number); // true
    console.log([1, 2, 3].constructor === Array); // true
    

    5. Array.isArray()

    • 用法:专门用于判断一个值是否为数组。
    • 返回值:如果是数组则返回 true​,否则返回 false​。
    console.log(Array.isArray([1, 2, 3])); // true
    console.log(Array.isArray({})); // false
    

    总结

    在 JavaScript 中,选择合适的方法来判断数据类型非常重要。对于简单的基本数据类型,可以使用 typeof​;而对于复杂的数据结构,尤其是需要区分数组和对象时,使用 Object.prototype.toString.call()​ 是更为可靠的方法。结合这些方法,可以实现一个全面的数据类型判断函数,以满足不同的需求。

    Citations:
    [1] https://segmentfault.com/a/1190000018160547
    [2] https://juejin.cn/post/7200396667505704997
    [3] https://blog.csdn.net/Clara_G/article/details/104755965
    [4] https://juejin.cn/post/7000300249235357709
    [5] https://www.cnblogs.com/onepixel/p/5126046.html
    [6] https://segmentfault.com/a/1190000015264821

  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    736 引用 • 1307 回帖 • 2 关注

相关帖子

1 回帖

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • ElegantLee

    面的哪家公司?能贴一下对应题解吗?

推荐标签 标签

  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    200 引用 • 545 回帖 • 1 关注
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    188 引用 • 319 回帖 • 222 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    232 引用 • 484 回帖
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1708 回帖 • 1 关注
  • OnlyOffice
    4 引用 • 41 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    17 引用 • 7 回帖 • 1 关注
  • 叶归
    25 引用 • 100 回帖 • 37 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 63 关注
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 668 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    950 引用 • 1460 回帖 • 2 关注
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    293 引用 • 4496 回帖 • 688 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 799 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 740 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    736 引用 • 1307 回帖 • 2 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    140 引用 • 407 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    46 引用 • 114 回帖 • 139 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    16 引用 • 236 回帖 • 224 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 736 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 404 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 2 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 133 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 664 关注
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    188 引用 • 833 回帖 • 1 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 1 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 51 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 702 关注