【译】30 Seconds of ES6 （一）

项目背景简介

30 seconds of code 是一个很是优质精选的 JavaScript 项目 ，总结了大量的使用 ES6 语法实现的代码块，项目的设计目标就是更简洁，更高效，更快速的实现基础代码模块，碎片化学习实用干货， 30 秒掌握一个高质量 ES6 代码块 。

30 Seconds of ES6 项目
ECMAScript 6 中文文档 (阮一峰)
Babel工具 (ES6编译成ES5)

学习初衷

1. 学习 ES6 基础知识，提高程序算法能力；学习 JavaScript 基础从 API 开始。
2. 每篇精选 5 段优秀代码块，和 5 个以上 API ，为前端大全栈打下坚实根基！

学习方法

1. 认真解读英文版 30 seconds of code 的每一个 ES6 代码块，并把其中的 API 重点分析。
2. 认识新单词，提高英语水平，目标能够轻松翻阅英文版专业书，全面提高前端技术软实力。

主要内容分类

contents	模块
Adapter	适配器
Array	数组
Browser	浏览器
Date	日期
Function	函数
Math	数学方法
Node	节点
Object	对象
String	字符串
Type	类型
Utility	使用函数

20190121开启打卡第一周， ary 、 all、 allEqual、 any、 arrayToCSV .

Adapter 适配器 ary

建立一个接受最多 n 个参数的函数，忽略任何其余参数。使用 Array.prototype.slice（0，n） 方法和 spread 扩展运算符 （…） 调用提供的函数 fn （最多 n 个参数）。

const ary = (fn , n) => (...args) => fn(...args.slice(0, n));
const firstTwoMax = ary(Math.max, 2);
console.log([[2, 6, 'a'], [8, 4, 6], [10]].map(x => firstTwoMax(...x)));//[6, 8, 10]
复制代码

MDN 解析 Array.prototype.slice() 案例

该 slice() 方法返回一个阵列的一部分的一个浅拷贝，到选自新的数组对象 begin 到 end ( end 不包括)。原始数组不会被修改。

var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2,4));//['camel', 'duck']
console.log(animals);// ["ant", "bison", "camel", "duck", "elephant"]
复制代码

MDN 解析 Math.max() 案例

该 Math.max() 函数返回零个或多个数字中的最大值。

console.log(Math.max(-10, 20)); //20
复制代码

Array 数组 all

若是提供的谓词函数对集合中的全部元素都返回 true ，则返回 true，不然返回 false 。使用 Array.prototype.every（） 测试集合中的全部元素是否基于 fn 返回 true 。省略第二个参数 fn ，将布尔值用做默认值。

const all = (arr, fn = Boolean) => arr.every(fn);
console.log(all);
console.log(all([4, 2, 3], x => x >1));//true
console.log(all([1, 2, 3]));//true
复制代码

MDN 解析 Array.prototype.every() 案例

该 every() 方法测试数组中的全部元素是否都经过了由提供的函数实现的测试。对于空数组，任何状况下调用该方法都会返回 true。

console.log([12, 5, 8, 130, 44].every(x => x >= 10));//false
console.log([12, 54, 18, 130, 44].every(x => x >=10));//true
console.log([].every(x => x));//true
复制代码

Array 数组 allEqual

检查数组中的全部元素是否相等。使用 Array.prototype.every（） 检查数组中的全部元素是否与第一个元素相同。

const allEqual = arr => arr.every( val => val === arr[0]);
console.log(allEqual([1, 2, 3, 4, 5, 6]));//false
console.log(allEqual([1, 1, 1, 1]));//true
复制代码

Array 数组 any

若是提供的谓词函数对集合中的至少一个元素返回 true ，则返回 true ，不然返回 false 。使用 Array.prototype.some（） 测试集合中的任何元素是否基于 fn 返回 true 。省略第二个参数 fn ，将布尔值用做默认值。

const any = (arr, fn = Boolean) => arr.some(fn);
console.log(any([0, 1, 2, 0], x => x >=2));//true
console.log(any([0, 0, 1, 0]));//true
复制代码

MDN 解析 Array.prototype.some() 案例

该 some () 方法测试数组中是否至少有一个元素经过了由提供的函数实现的测试。此方法返回 false 放在空数组上的任何条件。

console.log([2, 5, 8, 1, 4].some(x => x > 10));//false
console.log([12, 5, 8 ,1 , 4].some( x => x >10));//true
复制代码

Array 数组 arrayToCSV

将二维数组转换为逗号分隔值（ csv ）字符串。使用 Array.prototype.map () 和 Array.prototype.join（delimiter） 将一维数组组合成字符串。使用 Array.prototype.join（'\n'） （ ，换行符号）两个组合的全行到 CSV 格式的字符串，每排分捡和一个换行符。在第二 omit 参数delimiter ，使用 delimiter（默认）。

const arrayToCSV = (arr, delimiter = ',') => arr.map( v => v.map( x => `"${x}"`).join(delimiter)).join('\n');

console.log(arrayToCSV([['a', 'b'], ['c', 'd']]));
//"a","b" 
//"c","d"

console.log(arrayToCSV([['a', 'b'],['c', 'd']],';'));
//"a","b" 
//"c","d"
复制代码

MDN 解析 Array.prototype.map() 案例

该 map() 方法建立一个新数组，其结果是在调用数组中的每一个元素上调用提供的函数。

var array1 = [1, 4, 9 ,16];
const map1 = array1.map(x => x * 2);
console.log(map1);// [2, 8, 18, 32]
console.log(array1);//[1, 4, 9, 16]
复制代码

另外，分享个有趣的图片，帮助更好的理解 map() .

MDN 解析 Array.prototype.join() 案例

该 join() 方法经过链接数组（或类数组对象）中的全部元素（由逗号或指定的分隔符字符串分隔）来建立并返回新字符串。若是数组只有一个项目，那么将返回该项目而不使用分隔符。若是元素是 undefined 或 null ，则将其转换为空字符串。

var elements = ['Fire', 'Wind', 'Rain'];

console.log(console.log(elements.join('-')));//Fire-Wind-Rain
复制代码

小结，天天坚持学习一个优质 ES6 代码块，由于努力，因此看到了但愿，一块儿继续加油哦。如有帮助，请点个赞，谢谢您的支持与指教。

历史文章：

细读《你不知道的JavaScript·上卷》1-1 做用域是什么