ES6 Array系列(二) 一些常用array的扩展方法(二)

ES6 Array 系列(一) 一些常用array的扩展方法
ES6 Array 系列(二) 一些常用array的扩展方法(二)
ES6 Array系列(三) Array中的forEach方法可以用break、continue跳出循环?
ES6 Array系列(四) Array常用的方法和实现reduce、map、filter、forEach

迭代方法


every(): 对数组中的每一项运行给函数,如果该函数对每一项都返回true,则返回true.
filter(): 对数组中的每一项运行给函数,如果该函数会返回true的项目成的数组。
forEach(): 对数组中的每一项运行给函数,这个项目没有返回值.
map(): 对数组中的每一项运行给函数,返回每次函数调用的结果组成的数组。
some(): 对数组中的每一项运行给函数,如果该函数对任何项都返回true,则返回true.

every()/some()

1
2
3
4
5
6
7
8
9
10
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
var everyResult = numbers.every((item, index, array) => {
return (item > 2);
})
console.log(everyResult); // false

var everyResult1 = numbers.some((item, index, array) => {
return (item > 2);
})
console.log(everyResult1); // true

filter() 过滤

1
2
3
4
5
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
var everyResult = numbers.filter((item, index, array) => {
return (item > 2);
})
console.log(everyResult); // [3, 4, 5, 6, 7, 8, 9, 10, 11]

forEach()

方法对数组的每个元素执行一次提供的函数。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 array.forEach(callback(currentValue, index, array){
//do something
}, this)

array.forEach(callback[, thisArg])
// 参数
// callback
// 为数组中每个元素执行的函数,该函数接收三个参数:
// currentValue(当前值)
// 数组中正在处理的当前元素。
// index(索引)
// 数组中正在处理的当前元素的索引。
// array
// forEach()方法正在操作的数组。
// thisArg可选
// 可选参数。当执行回调 函数时用作this的值(参考对象)。
// 返回值
// undefined.

callback 函数会被依次传入三个参数:

数组当前项的值
数组当前项的索引
数组对象本身
注意: 没有办法中止或者跳出 forEach 循环,除了抛出一个异常。如果你需要这样,使用forEach()方法是错误的,你可以用一个简单的循环作为替代。如果您正在测试一个数组里的元素是否符合某条件,且需要返回一个布尔值,那么可使用 Array.every 或 Array.some。如果可用,新方法 find() 或者findIndex() 也可被用于真值测试的提早终止。

map()

map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
参数与forEach相同

1
2
3
4
5
6
let numbers = [1, 5, 10, 15];
let doubles = numbers.map((x) => {
return x * 2;
});
// 返回值
// 一个新数组,每个元素都是回调函数的结果。

返回值一个新数组,每个元素都是回调函数的结果。

栈方法/队列方法

栈是一种LIFO(Last-In-First-Out,后进先出)的数据结构,也就是最新添加的项被移除。
push() 添加到数组末尾
pop() 删除到数组末尾
shift() 添加到数组头部
unshift() 删除到数组头部

1
2
3
4
5
6
7
8
9
var arr = [4, 5, 6, 7];
arr.push(8);
console.log(arr); // [4, 5, 6, 7, 8]
arr.pop();
console.log(arr); // [4, 5, 6, 7]
arr.unshift(1);
console.log(arr); // [1, 4, 5, 6, 7]
arr.shift();
console.log(arr); // [4, 5, 6, 7]

位置方法 indexOf()、lastIndexOf()、find()、findIndex()

接受两个参数:要查找的项和(可选的)表示查找起点位置的索引。
indexOf()方法从数组开头
lastIndexOf()方法则从数组的末尾

1
2
3
4
5
var arr = [1, 2, 3, 4, 5, 6, 4, 8];
console.log(arr.indexOf(4)); // 3
console.log(arr.lastIndexOf(4)); // 6
console.log(arr.lastIndexOf(4)); // 3
console.log(arr.lastIndexOf(4)); // 3

find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。

未完待续。。。。。