数组es6方法(es6数组处理方法)
导语:每天学点 ES6 —— 数组(一)
其他相关 es6 文章: 简介 块级作用域 const命令
ES6 数组新增的方法(部分为ES5方法)
1. concat()
合并数组,该方法会改变原数组
arr1.concat(arr2);
//字符串也有此方法,连接字符串
2. reverse()
反转数组
3. Array.isArray()
判断是否是数组
//等效于
Object.prototype.toString.call(xx)==="[object Array]"
4. forEach(fn(val,index,arr))
es5的方法,低版本浏览器不兼容
此方法用来遍历数组,参数中arr指数组本身
arr.forEach(function(val,index,arr){...})
5. map(fn(val,index,arr))
遍历,返回一个新数组,此函数参数为数组中的单个值(react中用的较多)
var numbers = [1, 2, 3];
numbers.map(function (n) {
return n + 1;
});
// [2, 3, 4]
6. filter(fn(val,index,arr))
过滤,返回一个新数组,它由fn函数返回true时的val组成
[1, 2, 3, 4, 5].filter(function (val) {
return val > 3;
})
// [4, 5]
7. some(fn(val,index,arr))
查找,其中一个值经过函数处理返回了true,则返回true,认为数组中包含符合条件的值
var arr = [1, 2, 3, 4, 5];
arr.some(function (elem, index, arr) {
return elem >= 3;
});
// true
8. every((val,index,arr))
类似 some ,fn都返回true,则返回true
9. reduce(fn(ex,val,index,arr),ex)
合并,返回ex,默认是数组中的第一个val,也可以用第二参数指定
[1, 2, 3, 4, 5].reduce(function(ex, val){
return ex + val;
}, 10);
// 25
['aaa', 'bb', 'c'].reduce(function (longest, entry) {
return entry.length > longest.length ? entry : longest;
}, '');
本篇文章就到这里,下篇文章> es6数组第二部分。
推荐阅读:【ES6 标准入门】
【前方雾大,关注一下不迷路 = 。=】
【html】【css】【html】【css】【前端开发】【javascript】【html】【javascript】【前端开发】【css】【javascript】【css】【前端开发】
本文内容由小欣整理编辑!