JavaScript箭头函数的使用(二）

最新推荐文章于 2024-08-12 22:28:07 发布

捏脸.

最新推荐文章于 2024-08-12 22:28:07 发布

阅读量104

点赞数

文章标签： JavaScript 箭头函数数组排序 sort()方法 map()函数

原文链接：https://mp.weixin.qq.com/s/wDrnZX2x5_MttkpfTq1a5Q

版权

例如，要按降序对数字数组进行排序，可以使用数组对象的 sort() 方法，如下所示：

let numbers = [4,2,6];
numbers.sort(function(a,b){ 
    return b - a; 
});
console.log(numbers); // [6,4,2]

代码使用箭头函数语法更简洁：

let numbers = [4,2,6];
numbers.sort((a,b) => b - a);
console.log(numbers); // [6,4,2]

带有单个参数的 JavaScript 箭头函数

如果箭头函数采用单个参数，则使用以下语法：

(p1) => { statements }

请注意，您可以省略括号，如下所示：

p => { statements }

下面的示例使用箭头函数作为 map() 方法的参数，该方法将字符串数组转换为字符串长度数组。

let names = ['John', 'Mac', 'Peter'];
let lengths = names.map(name => name.length);

console.log(lengths);

输出：

[ 4, 3, 5 ]

没有参数的 JavaScript 箭头函数

如果箭头函数没有参数，则需要使用括号，如下所示：

() => { statements }

例如：

let logDoc = () => console.log(window.document);
logDoc();

关注