JS常见面试试题总结【去重、遍历、闭包、继承等】


Posted in Javascript onAugust 27, 2019

本文实例讲述了JS常见面试试题。分享给大家供大家参考,具体如下:

JavaScript面试题总结

1,首先是数组去重算法:给一个数组,去掉重复值

(function() {
    var arr = [1, 2, 3, 3, 4, ];
    function unique() {
      var result = [];
      var tem = {};
      for (var i = 0; i < arr.length; i++) {
        if (!tem[arr[i]]) {
          result.push(arr[i]);
          tem[arr[i]] = 1;
        }
      }
      return result;
    }
})();

2,多维数组,至少3层的遍历,将数组整合一维数组,网上给出的方案

//遍历多维数组
var arr = [1, 2, 3, [4, [5, [6]]]]; // arr.length
Array.prototype.each = function(fn) {
  try {
    //1 目的: 遍历数组的每一项 //计数器 记录当前遍历的元素位置
    this.i || (this.i = 0); //var i = 0 ;
    //2 严谨的判断什么时候去走each核心方法
    // 当数组的长度大于0的时候 && 传递的参数必须为函数
    if (this.length > 0 && fn.constructor == Function) {
      // 循环遍历数组的每一项
      while (this.i < this.length) { //while循环的范围
        //获取数组的每一项
        var e = this[this.i];
        //如果当前元素获取到了 并且当前元素是一个数组
        if (e && e.constructor == Array) {
          // 直接做递归操作
          e.each(fn);
        } else {
          //如果不是数组 (那就是一个单个元素)
          // 这的目的就是为了把数组的当前元素传递给fn函数 并让函数执行
          //fn.apply(e,[e]);
          fn.call(e, e);
        }
        this.i++;
      }
      this.i = null; // 释放内存 垃圾回收机制回收变量
    }
  } catch (ex) {
    // do something
  }
  return this;
}

3,获得url查询参数方案

1)一个是用正则表达式方法

//获取url参数
function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  //js match返回的是一数组
  var r = location.search.substr(1).match(reg);
  if (r != null) {
    return r[2];
  } else {
    return null;
  }
}

2)另外一种就是利用split结合数组遍历实现,这个比较容易实现就不贴代码了

4,正则表达式去掉空格

/**去掉字符串前后所有空格*/
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}

5,闭包的概念考察

6,原型继承如何实现,原型继承有两种方案

1)第一种是利用prototype

var obj={name:'seven'};
var a=function(){};
a.prototype=obj;
var aa=new a();
alert(aa.name);

 2)第二种是利用apply或者call

function people(name,age){
  //属性
  this.name=name;
  this.age=age;
  //方法
  this.show=function(){
    console.log("my name is"+this.name+" and I am "+this.age+" years old");
  };
}
function student(name,age,school){
  people.apply(this,arguments);
  this.school=school;
  this.showYourself=function(){
    console.log("my name is"+this.name+" and I am "+this.age+" years old"+" my school is"+ this.school);
  };
}
var tom=new student('tom','19','xtu');
tom.showYourself();

7,ES6常用知识点考察

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
May 16 Javascript
原生JS和jQuery版实现文件上传功能
Apr 18 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
Sep 08 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
详解基于mpvue的小程序markdown适配解决方案
May 08 Javascript
vue-cli安装使用流程步骤详解
Nov 08 Javascript
JS与SQL方式随机生成高强度密码示例
Dec 29 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
微信小程序页面滚动到指定位置代码实例
Sep 07 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
Aug 27 #Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 #jQuery
JS多个表单数据提交下的serialize()应用实例分析
Aug 27 #Javascript
解决Vue中 父子传值 数据丢失问题
Aug 27 #Javascript
原生javascript自定义input[type=radio]效果示例
Aug 27 #Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 #Javascript
使用Vue.js中的过滤器实现幂方求值的方法
Aug 27 #Javascript
You might like
php中serialize序列化与json性能测试的示例分析
2013/04/27 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
php、mysql查询当天,查询本周,查询本月的数据实例(字段是时间戳)
2017/02/04 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
js的event详解。
2006/09/06 Javascript
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
jQuery代码优化 遍历篇
2011/11/01 Javascript
IE的fireEvent方法概述及应用
2013/02/22 Javascript
js网页版计算器的简单实现
2013/07/02 Javascript
JQuery之focus函数使用介绍
2013/08/20 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
jquery trigger函数执行两次的解决方法
2016/02/29 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
2019/10/22 Javascript
精读《Vue3.0 Function API》
2020/05/20 Javascript
绘制微信小程序验证码功能的实例代码
2021/01/05 Javascript
简单谈谈Python中的几种常见的数据类型
2017/02/10 Python
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
python实现烟花小程序
2019/01/30 Python
Python实现Event回调机制的方法
2019/02/13 Python
Python调用C语言的实现
2019/07/26 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
阿迪达斯中国官网:Adidas中国
2020/12/14 全球购物
上海微创软件面试题
2012/06/14 面试题
设备售后服务承诺书
2014/05/30 职场文书
片区教研活动总结
2014/07/02 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
Filebeat 采集 Nginx 日志的方法
2021/03/31 Servers
HTML+JS实现在线朗读器
2022/02/15 Javascript