es6 array方法
ES6是JavaScript语言的一次重大升级,提供了许多易用而强大的新特性,在其中,数组(Array)的一些方法也得到了很大的加强。本文将介绍ES6中一些常用的数组(Array)方法。
1. Array.from()方法
Array.from()方法可以将类数组对象或可迭代对象转换为真正的数组。例如,我们可以将字符串、集合、map对象等转换为数组:
```
let str = "hello world";
let arr = Array.from(str);
console.log(arr); // ["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d"]
```
2. Array.find()方法
Array.find()方法可以到数组中第一个满足指定条件的元素,并返回该元素。例如,我们可以到数组中第一个大于10的元素:
```
let arr = [5, 10, 15, 20];
let result = arr.find(function(element) {
return element > 10;
});
console.log(result); // 15
```
3. Array.findIndex()方法
Array.findIndex()方法与Array.find()方法类似,不同之处在于它返回满足条件的元素在数组中的索引。例如,我们可以到数组中第一个大于10的元素的索引:
```
let arr = [5, 10, 15, 20];
let result = arr.findIndex(function(element) {
return element > 10;
});
console.log(result); // 2
```
4. Array.fill()方法
Array.fill()方法可以将数组的所有元素替换为某个指定的值。例如,我们可以将数组中的所
有元素替换为0:
```
let arr = [1, 2, 3, 4, 5];
arr.fill(0);
console.log(arr); // [0, 0, 0, 0, 0]
```
5. Array.filter()方法
Array.filter()方法可以返回所有满足指定条件的元素组成的新数组。例如,我们可以出数组中所有大于10的元素:
```es6字符串转数组
let arr = [5, 10, 15, 20];
let result = arr.filter(function(element) {
return element > 10;
});
console.log(result); // [15, 20]
```
6. Array.map()方法
Array.map()方法可以根据指定的规则对数组中的每个元素进行处理,并将处理后的元素组成新的数组返回。例如,我们将数组中的每个元素都加上1:
```
let arr = [1, 2, 3, 4, 5];
let result = arr.map(function(element) {
return element + 1;
});
console.log(result); // [2, 3, 4, 5, 6]
```
7. duce()方法
duce()方法可以对数组中所有元素进行累加计算,并返回计算结果。例如,我们将数组中所有元素相加:
```
let arr = [1, 2, 3, 4, 5];
let result = duce(function(prev, cur) {
return prev + cur;
});
console.log(result); // 15
```
综上所述,ES6提供的这些数组(Array)方法极大地方便了开发者的开发工作。在日常开发中,我们可以根据需求灵活选择使用这些方法,增强代码的复用性和效率。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论