Rumah > hujung hadapan web > tutorial js > code war每日小练习

code war每日小练习

巴扎黑
Lepaskan: 2017-06-23 13:56:22
asal
1206 orang telah melayarinya

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 }
Salin selepas log masuk

这里主要还是在用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 }
Salin selepas log masuk

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

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

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

    参考链接:请点击这里

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;
};
Salin selepas log masuk

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

详细了解请点击这里

 

附:codewar-该习题练习地址

Atas ialah kandungan terperinci code war每日小练习. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan