其他
几个有用的JavaScript高阶函数
(给前端开发博客加星标,提升前端技能)
介绍
1、forEach()
var arr = [1, 2, 3, 4, 5];
// Using ES5.
arr.forEach(function(item){
if(item > 3){
console.log(item); // Returns 4 and 5.
}
});
// Using ES6.
arr.forEach(item =>{
if(item > 3){
console.log(item); // Returns 4 and 5.
}
});
2、Map()
const users = [
{ name: 'John', age: 34 },
{ name: 'Amy', age: 20 },
{ name: 'camperCat', age: 10 }
];
const names = users.map(user => user.name);
console.log(names); //Returns: [ 'John', 'Amy', 'camperCat' ]
3、Filter()
const arr = [1, 2, 3, 4, 5];
// Using ES5 syntax.
var filtered = arr.filter(function(item){
return item < 3;
});
console.log(filtered); // Returns: [1, 2]
// Using ES6 syntax.
const filtered = arr.filter(item => item < 3);
console.log(filtered); // Returns: [1, 2]
4、reduce
const users = [
{ name: 'John', age: 34 },
{ name: 'Amy', age: 20 },
{ name: 'camperCat', age: 10 }
];
const sumOfAges = users.reduce((sum, user) => sum + user.age, 0);
console.log(sumOfAges); //Returns: 64.
5、sort
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b}); // [1,5,10,25,40,100].
// Using ES6.
const points = [40, 100, 1, 5, 25, 10];
points.sort((a,b)=> b - a); // [100,40,25,10,5,1].
6、every
var numbers = [1, 5, 8, 0, 10, 11];
numbers.every(function(currentValue) {
return currentValue < 10;
});
// Returns false
7、some
var numbers = [10, 50, 8, 220, 110, 11];
numbers.some(function(currentValue) {
return currentValue < 10;
});
// Returns true
结论
相关文章
最后
转发文章并关注公众号:前端开发博客,回复 1024,领取前端进阶资料
回复「电子书」领取27本精选电子书 回复「加群」加入前端大神交流群,一起学习进步 回复「JS」获取 JavaScript 精选文章