网站首页 > 技术文章正文

每天学点 ES6 —— 数组(一)（es6数组排序的方法）

nanyue 2024-10-11 13:39:29 技术文章 4 ℃

其他相关 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 —— 数组(一)（es6数组排序的方法）

ES6 数组新增的方法（部分为ES5方法）

猜你喜欢

网站首页 > 技术文章正文