code war每日小练习

js教程评论1.2K views阅读模式

Instruction:

x Simple, given a string of words, return the length of the shortest word(s).

String will never be empty and you do not need to account for different data types.

根据描述,这里不要求判断是否为空和数据类型,所以就放心大胆的写出一段话中最短字体的长度了

刚开始我是这么写的:

1 function findShort(s){2   var arr = s.split(' ').map(function(t){return t.length});3   return Math.min.apply(null,arr);4 }

这里主要还是在用ES6之前的代码写法,有4个知识点:

1,string.split(' ')

split() 方法用于把一个字符串分割成字符串数组。这个方法简单易懂,不赘述。

2,Array.map()

map()方法创建一个新数组,它会给原数组中的每个元素都按顺序调用一次callback函数,callback每次执行后的返回值形成一个新数组。

参考链接:请点击这里

3,Math.min()

给定数值中最小的数。若任一参数不能转换为数值,则返回NaN。

参考链接:请点击这里

3,apply()

在调用一个存在的函数时,你可以为其制定一个this对象。this指当前对象,也就是调用这个函数的对象。使用apply,可以只写一次这个方法然后在另一个对象中继承它,而不用在新对象中重复写该方法。

参考链接:请点击这里

后来参考了其他人的解决方法,codewar里多得是有牛人能用一行就能把功能写出来的,下面就是一种:

1 function findShort(s){2   return Math.min(...s.split(' ').map(w=>w.length));3 }

这里主要运用到了ES6的两个新的知识点,虽然之前也有学习过ES6,因为没有实操经验,在此复习一下:

1,(...)是扩展运算符,在这里可替代数组的apply方法,用于展开数组,将数组转为函数的参数。

// ES5的写法Math.min.apply(null, [14, 3, 77])// ES6的写法Math.min(...[14, 3, 77])// 等同于Math.min(14, 3, 77);

参考链接:请点击这里

2,箭头函数 (=>)

var f = v => v;//等同于var f = function(v) {  return v;
};//如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;// 等同于var sum = function(num1, num2) {  return num1 + num2;
};

箭头函数使得表达更为简洁。

详细了解请点击这里

附:codewar-该习题练习地址

以上就是code war每日小练习的详细内容,更多请关注php教程其它相关文章!

企鹅博客
  • 本文由 发表于 2019年7月30日 04:15:47
  • 转载请务必保留本文链接:https://www.qieseo.com/390231.html

发表评论