AL JS 试题

  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 网页增加动态功能。

    730 引用 • 1278 回帖

相关帖子

1 回帖

欢迎来到这里!

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

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

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

推荐标签 标签

  • Node.js

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

    139 引用 • 269 回帖 • 2 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 1 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 8 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1441 引用 • 10068 回帖 • 496 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 221 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    54 引用 • 37 回帖 • 1 关注
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖 • 1 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    88 引用 • 139 回帖 • 1 关注
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    345 引用 • 742 回帖
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 342 关注
  • 以太坊

    以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 5 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3196 引用 • 8215 回帖
  • Excel
    31 引用 • 28 回帖
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    173 引用 • 414 回帖 • 366 关注
  • OnlyOffice
    4 引用 • 21 关注
  • V2Ray
    1 引用 • 15 回帖
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 83 关注
  • JavaScript

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

    730 引用 • 1278 回帖
  • sts
    2 引用 • 2 回帖 • 226 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 3 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖
  • 笔记

    好记性不如烂笔头。

    310 引用 • 794 回帖
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 103 关注