JavaScript 中数组的迭代方法

本是古典何须时尚 2022-02-17 05:09 235阅读 0赞

**ES5 提供了一下 5 个迭代方法：**

1. every() : 对数组中的每一项执行函数，如果全部返回为 true，则该方法返回 true
     2. some()：对数组中的每一项执行函数，如果存在一项返回 true，则返回 true
     3. filter()：对数组中的每一项执行函数，返回 true 的项并组成一个新数组
     4. forEach()：对数组的每一项执行函数，类似 for 循环，没有返回值，会破坏原数组
     5. map()：对数组的每一项执行函数，返回处理后的每一项组成新的数组

**ES6 新增了以下方法：**

1. find(): 对数组中的每一项执行函数，直到找到第一个符合条件的成员，然后返回该成员。
     2. findIndex(): 和 find 一样，不过返回的是索引号，如果没找到，返回 -1

**map() 原理：**

Array.prototype.Map = function(fn, context) {
    	// 定义两个数组，一个表示调用 Map 的数组，一个表示结果
    	let arr = this;
    	let result = [];
    	// 确定上下文
    	context = Object(context) || global;
    	for (let i = 0; i < arr.length; i++) {
    		let res = fn.call(context, arr[i], i, arr);
    		result.push(res);
    	}
    	return result;
    }
    
    let arr = [1, 2, 3];
    arr.Map(item => item * 2);

**以上方法实例：**

详情请看：[JavaScript-Array][]

[JavaScript-Array]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array