JavaScript的数组高级API

1. 数组的遍历
2. 数组的查找
3. 数组的过滤与数组的映射

数组遍历的方法

下面展示的代码是JS数组遍历的所有方法

//需求:要求遍历数组
		let arr=[1,3,5,7,9];

		//1.利用传统循环遍历数组
		for(let i=0;i<arr.length;i++){
			console.log(arr[i]);
		}

		//2.利用forin循环遍历数组 专门用于遍历对象的 无序的
		//在企业开发中不推荐使用这种方法
		for(let key in arr){
			//console.log(key);
			console.log(arr[key])
		}
		/*参考官方文档
		https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/for...in    */

		//3.利用ES6中推出的for of来遍历数组
		for(let value of arr){
			console.log(value);
		}

		//4.还可以利用Array对象的forEach来遍历数组
		//forEach会自动调用传入的函数
		//每次调用都会将当前遍历到的元素和当前遍历到的索引和当前被遍历的数组传递给这个函数
		arr.forEach(function(currentValue,currentIndex,currentArray){
			//console.log(currentValue,currentIndex,currentArray)
			console.log(currentValue);
		});

		Array.prototype.myForEach= function(fn){
			//this===[1,3,5,7,9];
			for (var i = 0; i < this.length; i++) {
				fn(this[i],i,this);
			}
		}

		arr.myForEach(function(currentValue,currentIndex,currentArray){
			console.log(currentValue,currentIndex,currentArray)	
		});

数组查找的方法

//数组的查找
		let arr=[3,2,6,7,6]
		//1.相关的方法
		//从左往右找 找到返回索引 找不到返回-1
		let index1=arr.indexOf(6);
		console.log(index1);//2

		//从右到左找 找到返回索引 找不到返回-1
		let index2=arr.indexOf(6);
		console.log(index2);//4

		//从左往右查找 找到返回true 找不到返回false
		let result=arr.indexOf(6);
		console.log(result);//true

		//2.数组的findIndex方法
		//定制版 的indexOf 找到返回索引 找不到返回-1
		let index=arr.findIndex(function(currentValue,currentIndex,currentArray){
			if (currentValue===6) {
				return true;//2
			}
			if (currentValue===10) {
				return true;//-1
			}
		});
		console.log(index);


		//3.数组的find方法
		//findIndex方法找回索引  find方法返回找到的元素
		let value=arr.find(function(currentValue,currentIndex,currentArray){
			// if (currentValue===6) {
			// 	return true;//6
			// }
			if (currentValue===10) {
				return true;//undefined
			}
		})
		console.log(value);

数组的过滤和数组的映射

//数组的过滤和数组的映射
		let arr=[1,2,3,4,5];
		//1.数组的filter方法
		//将满足条件的元素添加到一个新的数组中
		let newArray=arr.filter(function(currentValue,currentIndex,currentArray){
			if(currentValue % 2===0){
				return true;
			}
		});
		console.log(newArray);//2,4


		//2.数组的map方法
		//将满足条件的元素映射到一个新的数组中
		let newArray=arr.map(function(currentValue,currentIndex,currentArray){
			if(currentValue % 2===0){
				return currentValue;
			}
		});
		console.log(newArray);//undefined,2,undefined,4,undefined