练习平台Codewars地址:https://www.codewars.com/
欢迎和大家一起来讨论~╭( ・ㅂ・)و ̑̑
 
基础练习(1):
 

我的解答为:

class SmallestIntegerFinder {
findSmallestInt(args) {
var a = args[0];
for(var i=0; i<args.length; i++){
if(args[i] <= a){
a = args[i];
}
}
return a;
}
}

较优解答为:

class SmallestIntegerFinder {
findSmallestInt(args) {
return Math.min.apply(null, args);
}
}

分析:

可以看出我所想到使用的方法仍处于比较初级的阶段,没有想到用Math对象的方法实现。使用方法可以减少代码量,更简洁。也说明了对于常用方法这部分的内容还不熟练。

笔记:

Math.min()方法和Math.max()方法的作用是用于确定一组数值中的最小值和最大值。可以接收任意多个数值参数。
 
apply()方法的作用是在特定的作用域中调用函数,相当于设置函数体内thisUI想的值。apply()方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。
相似的另一个方法call()方法,与apply()方法有同样的作用,区别在于接收参数的方式不同。call()方法接收的第一个参数也为this值,其余参数都直接传递给函数,传递给函数的参数必须逐个列举出来。
apply()方法和call()方法能够扩充函数运行的作用域,并且对象不需要与方法有任何耦合关系。
 
高程中两个方法结合使用得出最值的例子:
var values = [1,2,3,4,5,6,7,8];
var max = Math.max.apply(Math,values);
 
Math.min(...args)
JavaScript中的新特性,扩展语法( spread syntax),在对象前加上...的前缀,即可遍历对象。
 

基础练习(2)

我的解答为:

function removeSmallest(numbers) {
var lowest = Math.min.apply(Math,numbers);
var index = numbers.indexOf(lowest);
numbers.splice(index,1);
return numbers;
}

较优解答为:

function removeSmallest(numbers) {
if(!numbers)return [];
var min=Math.min.apply(null,numbers);
numbers.splice(numbers.indexOf(min),1);
return numbers;
}

分析:

思路都是使用Math.min.apply()方法求出最小值,再使用indexOf()方法求出该最小值在数组中的索引值,最后通过splice()方法,通过设置索引值和删除的项数来删除该最小值。不同的一点是,在执行这一些列的操作前,先判断数组是否为空,若为空则直接返回一个空数组。

笔记:

indexOf()方法返回要查找的项在数组中的位置,或者在没有找到的情况下返回-1,接收两个参数:要查找的项和表示查找起点位置的索引(可选)。indexOf()方法表示从数组开头开始向后查找,而lastindexOf()方法则从数组的末尾开始向前查找。
 
splice()方法的主要用途是想数组的中部插入项,但使用该方法的方式有三种,分别为删除、插入和替换。splice()方法始终返回一个数组,该数组中包含从原始数组中删除的项,若没有删除项则返回一个空数组。该方法会改变原数组。三个使用方式的介绍如下:
删除:可以删除任意数量的值,指定两个参数:要删除的第一项的位置和要删除的项数。
插入:可以向指定位置插入任意数量的项,需要提供三个参数:起始位置、要删除的项数(一般为0)和要插入的项。
替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,需指定三个参数:起始位置、要删除的项数和要插入的任意数量的项。
 

 基础练习(3)

我的解答为:

function squareDigits(num) {
var arr = num.toString().split("");
var newarr = arr.map(function(item,index,array) {
return Math.pow(item,2);
});
var newnum = Number(newarr.join(""));
return newnum;
}

较优解答为:

function squareDigits(num){
return Number((' ' + num).split('').map(function (val) { return val * val;}).join(' '));
}

分析:

相比之下,较优解一般喜欢使用一条语句得出答案,此外使用的方法都是相类似的。其中将数值型数据转为字符型数据时,他使用的是弱类型转换。而后在计算平方时,使用的方法是直接相乘,我觉得不利于日后的代码修改的,比如说改为任意次方?,所以我觉得使用Math.pow()方法会比较好一些。

笔记:

split()方法可以基于指定的分隔符将一个字符串分割成多个子字符串,并将结果放在一个数组中。分隔符可以是字符串也可是一个RegExp对象。可接收可选的第二个参数,用于指定数组的大小,以便确保返回的数组不会超过既定大小。
 
map()方法是对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组,该数组的每一项都是在原始数组中的对应项上运行传入函数的结果。相似的迭代方法还有every()、filter()、forEach()和some()。
 
Math.pow()方法,接收两个参数:num和power,返回num的power次幂。
 
join()方法可以使用不同的分隔符来构建字符串,只接收一个参数,用作分隔符的字符串,后返回包含所有数组向的字符串。若不给join()方法传入任何值,或传入undefined,则使用逗号作为分隔符。
 

今日总结:
之前也有在FreeCodeCamp里练习,与Codewars不同的是FreeCodeCamp比较基础,做练习的时候有相应的方法提示,不需要思考就可以根据所给的方法进行测试,所以仅仅知道这些方法的存在而在用的时候很难想起来噢原来可以这样用或者是这个方法具体是怎么用。而在Codewars完全是只有题目,靠自己的思考解答,而且解答以后可以看到其他人的比较好的答案。为了解答题目的过程,翻书网上找资料,最后一点一点从错误到正确,还是蛮有成就感的。通过比较自己和被人的答案也可以知道怎么解答会更好一些。最后再把方法总结一遍,也就能记住了。
 
 

Codewars练习笔记·1 - 6.23的更多相关文章

  1. 《NVM-Express-1_4-2019.06.10-Ratified》学习笔记(5.23)-- Format NVM command

    5.23 Format NVM command - NVM Command Set Specific Format NVM命令用于低级格式化NVM媒介.这个命令被host主机使用,来变更LBA数据大小 ...

  2. 安卓权威编程指南-笔记(第23章 HTTP与后台任务)

    1. 网络连接基本 //通过指定URL获取原始数据,并返回一个字节流数组. public byte[] getUrlBytes(String urlSpec)throws IOException{ / ...

  3. codewars 题目笔记

    原题: Description: Bob is preparing to pass IQ test. The most frequent task in this test is to find ou ...

  4. 《从零开始学Swift》学习笔记(Day 23)——尾随闭包

    原创文章,欢迎转载.转载请注明:关东升的博客 闭包表达式可以作为函数的参数传递,如果闭包表达式很长,就会影响程序的可读性.尾随闭包是一个书写在函数括号之后的闭包表达式,函数支持将其作为最后一个参数调用 ...

  5. Index of my articles

    65:一个表格说明RelativeLayout中的几个重要属性[Written By KillerLegend] (2013-10-16 21:59) 64:win7修改软件[授权给…]后面的名称 ( ...

  6. Opencv 学习资料集合(更新中。。。)

    基础学习笔记之opencv(24):imwrite函数的使用 tornadomeet 2012-12-26 16:36 阅读:13258 评论:9 基础学习笔记之opencv(23):OpenCV坐标 ...

  7. .vimrc快捷键设置

    $ cat ~/.vimrc,centos7是在/etc/vimrc文件中配置. nmap <C-_>s :cs find s <C-R>=expand("<c ...

  8. [No0000199]设计模式总结

    设计模式之间的关系: 设计模式总概况: 一.设计原则 .单一职责原则 一个类,只有一个引起它变化的原因.应该只有一个职责.每一个职责都是变化的一个轴线,如果一个类有一个以上的职责,这些职责就耦合在了一 ...

  9. Drupal 7.23版本升级笔记

    转载请注明出处:http://blog.csdn.net/panjunbiao/article/details/9860849 今天将尝试将Drupal网站从7.22升级到7.23,下面是升级笔记. ...

随机推荐

  1. java文件的读写操作

    java文件的读写操作主要是对输入流和输出流的操作,由于流的分类很多,所以概念很容易模糊,基于此,对于流的读写操作做一个小结. 1.根据数据的流向来分: 输出流:是用来写数据的,是由程序(内存)--- ...

  2. 详解Java动态代理机制(二)----cglib实现动态代理

    上篇文章的结尾我们介绍了普通的jdk实现动态代理的主要不足在于:它只能代理实现了接口的类,如果一个类没有继承于任何的接口,那么就不能代理该类,原因是我们动态生成的所有代理类都必须继承Proxy这个类, ...

  3. npm 常用命令详解

    本文以Windows平台上做测试,以gulp为示例做教程,出自作者白树,转载请声明出处! 目录 npm是什么 npm install 安装模块 npm uninstall 卸载模块 npm updat ...

  4. Struts2之2.5.10.1HelloWorld

    Struts2.5.10.1是目前为止最新的版本,struts2建议持续跟进,理由大家都懂.好了,下面步入正题. 基于struts2.5.10.1建立一个HelloWorld,基于注解的哈! 工具:e ...

  5. LISTCTRL控件方法

    以下未经说明,listctrl默认view风格为report --------------------------------------------------------------------- ...

  6. vue之nextTick全面解析

    vue的第一篇文章,介绍一下简单的nextTick方法的实现原理 简介 vue是非常流行的框架,他结合了angular和react的优点,从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框 ...

  7. Mongodb安装启动详解

    最近在倒腾node+mongodb,安装mongodb的时候开始遇到很多问题,然后折腾了好几次,直到可以很顺利完成安装 ,所以把安装的过程记录下来. 线上系统基本上都是linux的,所以只安装了lin ...

  8. 面向切面编程(Aop)

    AOP中的概念 AOP(Aspect Orient Programming),也就是面向切面编程.可以这样理解,面向对象编程(OOP)是从静态角度考虑程序结构,面向切面编程(AOP)是从动态角度考虑程 ...

  9. web 直播&即时聊天------阿里云、融云

    随着直播越来越火,所在公司也打算制作自己的直播,所以去了解了这方面,使用后发现还是有些问题需要记录的. 经过分析,制作直播应该是分为两块来做,即直播与实时评论.这里先去制作实时评论,等直播ok后,也会 ...

  10. Java并发编程:Callable、Future和FutureTask的实现

    启动线程执行任务,如果需要在任务执行完毕之后得到任务执行结果,可以使用从Java 1.5开始提供的Callable和Future 下面就分析一下Callable.Future以及FutureTask的 ...