Javascript中常见的逻辑题和解决方法


Posted in Javascript onSeptember 17, 2016

一、统计数组 arr 中值等于 item 的元素出现的次数

function count(arr, item) {
   var count = 0;
   arr.forEach(function(e){
     //e为arr中的每一个元素,与item相等则count+1
     e == item ? count++ : 0;
   });
   return count;
 }

function count(arr, item) {
  return arr.filter(function(a){
    return (a==item);
  }).length
}

function count(arr, item) {
var res;
return (res = arr.toString().match(new RegExp("//b"+item+"//b","g")))?res.length:0;
}

function count(arr, item) {
      var count = 0;
      arr.map(function(a) {
        if(a === item) {
          count++;
        }
      });
      return count;
    }

二、为数组 arr 中的每个元素求二次方。不要直接修改数组 arr,结果返回新的数组

function square(arr) {
  return arr.map(function(item,index,array){
    return item*item;
  })
}

function square(arr) {
  //声明一个新的数组存放结果
   var a = [];
   arr.forEach(function(e){
     //将arr中的每一个元素求平方后,加入到a数组中
     a.push(e*e);
   });
   return a;
 }

function square(arr) {
//复制一个arr数组
  var newarr = arr.slice(0);
  for (var i=0;i<newarr.length;i++){
    newarr[i]= newarr[i]* newarr[i];
  }
  return newarr;
}

function square(arr) {
  return arr.map(function(item){
    return Math.pow(item, 2);
  })
}

三、将数组 arr 中的元素作为调用函数 fn 的参数

function argsAsArray(fn, arr) {
 return fn.apply(this, arr);
 }

function argsAsArray(fn, arr) {
  return function(para1,para2){ 
    return para1.apply(this,para2);
  }(fn,arr);
}

四、完成函数 createModule,调用之后满足如下要求:

     1、返回一个对象

     2、对象的 greeting 属性值等于 str1,name 属性值等于 str2

     3、对象存在一个 sayIt 方法,该方法返回的字符串为 greeting属性值 + ‘, ‘ +name属性值

function createModule(str1, str2) {
   var obj = {
     greeting : str1,
     name   : str2,
     sayIt  : function(){
       //两个属性前面都需要加上this
       return this.greeting+", "+this.name;
     }
   };
   return obj;
 }

//使用构造函数法
function createModule(str1, str2) {
  function Obj(){
    this.greeting = str1;
    this.name = str2;
    this.sayIt = function(){
      return this.greeting + ', ' + this.name;
    };
  }
  return new Obj();
}

//构造函数与原型组合
function createModule(str1, str2) {
  function CreateMod(){
    this.greeting = str1;
    this.name = str2;
  }
  CreateMod.prototype.sayIt = function(){
    return this.greeting + ', ' + this.name;
  }
  return new CreateMod();
}

五、已知 fn 为一个预定义函数,实现函数 curryIt,调用之后满足如下条件:

      1、返回一个函数 a,a 的 length 属性值为1(即显式声明 a 接收一个参数)

      2、调用 a 之后,返回一个函数 b, b 的 length 属性值为 1

      3、调用 b之后,返回一个函数 c, c 的 length 属性值为 1

      4、调用 c 之后,返回的结果与调用 fn 的返回值一致

      5、fn的参数依次为函数 a, b, c 的调用参数

输入例子:

var fn = function (a, b, c) {return a + b + c}; curryIt(fn)(1)(2)(3);
function curryIt(fn) {
   //获取fn参数的数量
   var n = fn.length;
   //声明一个数组args
   var args = [];
   //返回一个匿名函数
   return function(arg){
     //将curryIt后面括号中的参数放入数组
     args.push(arg);
     //如果args中的参数个数小于fn函数的参数个数,
     //则执行arguments.callee(其作用是引用当前正在执行的函数,这里是返回的当前匿名函数)。
     //否则,返回fn的调用结果
     if(args.length < n){
      return arguments.callee;
     }else return fn.apply("",args);
   }
 }

function curryIt(fn) {
  return function a(xa){
    return function b(xb){
      return function c(xc){
        return fn.call(this,xa,xb,xc);
      };
    };
  };
}

六、数组中输出元素位置

function indexof(arr,item){
  for(var i = 0,len = arr.length;i<len;i++){
    var ite = arr[i];
    if(ite == item){
      console.log(ite == item);
      return i;
    }else{
      return -1;
    }
  }
}

function indexof(arr,item){
  return arr.indexOf(item);
}

七、数组求和

function sum(arr) {
  return eval(arr.join("+"));
};

八、删除给定元素

function remove(arr, item) {
    for(var i=0, m=arr.length, res=[]; i<m; i++){
      if(item === arr[i]) continue;
      else res.push(arr[i]);
    }
    return res;
  }

function remove(arr, item) {
  var newA=arr.slice(0);
  for(var i=newA.indexOf(item);i>-1;i=newA.indexOf(item)){
    newA.splice(i,1);
  }
  return newA;
}

总结

Javascript中常见的逻辑题就总结到这了,不知道大家都学会了吗?本文的内容对大家的学习或者工作还是有一定帮助的,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
javascript中scrollTop详解
Apr 13 Javascript
基于ajax实现文件上传并显示进度条
Aug 03 Javascript
js实现表单及时验证功能 用户信息立即验证
Sep 13 Javascript
微信小程序 template模板详解及实例代码
Mar 09 Javascript
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
javascript 判断用户有没有操作页面
Oct 17 Javascript
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
Sep 08 Javascript
Node.js + express基本用法教程
Mar 14 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
html中两种获取标签内的值的方法
Jun 16 jQuery
js手动播放图片实现图片轮播效果
Sep 17 #Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
Sep 17 #Javascript
AngularJS使用自定义指令替代ng-repeat的方法
Sep 17 #Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 #Javascript
AngularJS中关于ng-class指令的几种实现方式详解
Sep 17 #Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 #Javascript
利用js编写响应式侧边栏
Sep 17 #Javascript
You might like
《星际争霸》各版本雷兽特点图文解析 雷兽不同形态一览
2020/03/02 星际争霸
解析PHP处理换行符的问题 \r\n
2013/06/13 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
基于php中echo用逗号和用点号的区别详解
2018/01/23 PHP
php中如何执行linux命令详解
2018/11/06 PHP
jquery dialog键盘事件代码
2010/08/01 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
JS修改地址栏参数实例代码
2016/06/14 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
基于jQuery.i18n实现web前端的国际化
2018/05/04 jQuery
解决Mac node版本升级失败的问题
2018/05/16 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
2019/01/08 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
Python中使用asyncio 封装文件读写
2016/09/11 Python
python实现小世界网络生成
2019/11/21 Python
Paradigit比利时电脑卖场:购买笔记本、电脑、平板和外围设备
2016/11/28 全球购物
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
小学毕业感言500字
2014/02/28 职场文书
《中国梦我的梦》小学生演讲稿
2014/08/20 职场文书
在宿舍喝酒的检讨书
2014/09/28 职场文书
优秀班主任材料
2014/12/16 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
Django路由层如何获取正确的url
2021/07/15 Python
PostgreSQL基于pgrouting的路径规划处理方法
2022/04/18 PostgreSQL