搜索
写经验 领红包
 > 电器

数组es6方法(es6数组处理方法)

导语:每天学点 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】【前端开发】

本文内容由小欣整理编辑!