ES6 常用的数组方法

PS:小弟主要目的是为了以后想使用的时候方便自己阅读,如果对新入门(坑)的小伙伴有帮助那最好。大佬不喜轻点喷,有不同看法也可以在下方评论。谢谢!
一.some()
Array.some():该方法主要做用是遍历数组,判断数组中是不是至少有一个通过了被提供的函数测试。返回值:如果有任意一个可以通过则返回true 否则返回false。
注意:如果用一个空数组进行测试,在任何情况下它返回的都是false。
示例如下:


	let arr = [1,2,3,4,5];
    let arr1 = arr.some(e => e > 6 );返回false
  	let arr2 = arr.some(e => e = 5 );返回true

二.filter()
Array.filter():数组过滤器,对数组每个元素都执行一次filter中的回调函数,如果满足条件,它的结果会返回一个新数组,
注意:空数组不会执行这个方法,且不会改变原数组,只有在回调函数执行前传入的数组元素才有效,在回调函数开始执行后才添加的元素将被忽略;
示例如下:


	let arr = [17,22,33,42,15];
    let arr1 = arr.filter(e => e >= 22 );返回新的数组[22, 33, 42]

三.map()和forEach()
Array.map()和Array.forEach()这两者都可以对数组进行遍历,不同的是返回值
注意:两者都不会对空数组进行处理
示例如下:


	let arr = [17,22,33,42,15];

    let arr1 = arr.map(e =>  e * 2);返回新的数组[34, 44, 66, 84, 30],原数组的value*2
    let arr2 = arr.map(e => {
    	return 2
    } );返回的新数组 [2,2,2,2,2] 

    let arr3 = arr.forEach(e => e * 2 );返回undefined
    let arr4 = arr.forEach(e => {
    	return 2
    } );返回undefined
    

四.every()
Array.every():这个方法主要用于判断一个数组中的元素是否都满足某个条件,因为只有当每个元素返回true的时候,方法才会返回true,若有一个不满足则返回false;
示例如下:


    let arr = [17,22,33,42,15];
    let arr1 = arr.every(e =>  e >= 33);返回false  
    let arr2 = arr.every(e => e >= 15 );返回true
    

五。reduce()与reduceRight()
Array.reduce()与Array.reduceRight()这两个方法都会对于数组中的每一个元素按照一定顺序,进行叠加运算。不同的是Array.reduceRight()从数组的末尾向前将数组中的数组项做累加。
注意: reduce() 对于空数组是不会执行回调函数的。
示例如下:


	let arr = [1,3,5];
	
    let arr1 = arr.reduce((e , i) =>  {
      return e + i
    });返回9  
    
    let arr2 = arr.reduceRight((e , i) =>{
      return i + e
    });返回9 
    

六.includes()
Array.includes()方法会判断数组是否包含一个指定的值,包含则返回true,否则返回false
示例如下:


	let arr =[2,3,4,5,6,7];
	let newarr = arr.includes(2); 返回true
	let newarr = arr.includes(10);返回false
	

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


	let arr =[2,3,4,5,6,7];
	let newarr = arr.find( element =>element >3);
	结果 newarr = 4

	

八.findIndex()
Array.findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。
示例如下:


	let arr =[2,3,4,5,6,7];
	let newarr = arr.findIndex( element =>element >3);返回的索引 newarr为2
	

如有对小伙伴有用的话,给个赞呗!小弟万分感谢!

发布了2 篇原创文章 · 获赞 7 · 访问量 201

猜你喜欢

转载自blog.csdn.net/weixin_46465090/article/details/104742605