es6新增的几个数组方法:

ES6中新增4个很实用的方法,分别有:forEach,filter,map ,reduce,every,some

1.forEach

遍历数组,无返回值,不改变原数组,仅仅只是遍历 --相当于for循环遍历

  <script>
   let arr=[23,44,56,22,11,99]
   let res=arr.forEach(item=>{
     console.log(item);
     //23,44,56,22,11,99
   })
   let res2=arr.forEach((item,index)=>{
     console.log(item,index);
     //23 0
     //44 1
     //....
   })
  </script>

2.filter:

filter()函数过滤掉数组中不满足条件的值,如果回调函数返回true就留下,返回一个新数组,不改变原数组,!!!可以用来做数组去重

  let arr = [1,5,2,16,4,6]
   //1.找出数组中的偶数
   let newArr=arr.filter((v,i)=>
     v%2==0)
     console.log(newArr,'newArr');//2,16,4,6

   //2.过滤器 保留为TRUE的结果
   let arrTue=[13,14,9,33]
   let newArr2=arrTue.filter(item=>(item%3===0)?true:false)
   console.log(newArr2,'newArr2');//9,33
   //3.利用filter去重‘
 // 第一种
   let arr3=[2,3,5,1,2,3,4,5,6,8],newArr3
   function unique(arr){
    const res = new Map()
    return arr.filter((item)=>
      !res.has(item) && res.set(item,1)
    )
    }
   console.log(newArr3=unique(arr3),'newArr3');//2,3,5,1,4,6,8
//第二种
  let testArray = [
        {key:"01",name:'张三'},
        {key:"02",name:'小李'},
        {key:"03",name:'小罗'},
        {key:"04",name:'张三'},
        {key:"03",name:'小李'},
      ];
      let deduplicationAfter = testArray.filter((value,index,array)=>{
      //findIndex符合条件的数组第一个元素位置。
        return array.findIndex(item=>item.key === value.key && item.name === value.name) === index
      })
      console.log(deduplicationAfter)

3.map :

map遍历数组,返回一个新数组,不改变原数组, 映射 一个对一个,映射到一个新数组

let arr=[2,6,3,5]
let newArr=arr.map(item=>{
   return item*2
})
console.log(newArr)//4) [4, 12, 6, 10]
let newArr2=arr.map(item=>item*10)
console.log(newArr2);//[20, 60, 30, 50]

4.reduce:

reduce()汇总 一堆出来一个(用于比如,算个总数,算个平均),reduce让数组的前后两项进行某种计算,然后返回其值,并继续计算,不改变原数组,返回计算的最终结果,如果不给定初始值,则从数组的第二项开始遍历
arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue]) ,第一个参数回调函数,第二个参数初始值
4.1求和


//第一种给定初始值
       var arr = [1, 3, 5, 7];
        // 原理: 利用reduce特性 prev初始值设置0 并把函数的返回值再次带入函数中
        var sum = arr.reduce(function (tmp, item,index) { // prev 初始为0 以后则为函数返回的值
          console.log(tmp,item,index);
		    //  0 1  0
			//	1 3  1
			//	 4 5  2
			//	 9 7  3
            return tmp + item; // 数组各项之间的和
        }, 0);
       console.log(sum); //16
   //第二种不给初始值
   var arr2 = [1, 3, 5, 7]
	var result = arr2.reduce(function (tmp, item, index) {
	    //tmp 上次结果,item当前数,index次数1开始
	    console.log(tmp, item, index)
	        //1 3 1 
		   // 4 5 2 
		   // 9 7 3 
	    return tmp + item;
	})
console.log(result,)   //16

4.2 求平均数

var arr = [1, 3, 5, 7]
var result = arr.reduce(function (tmp, item, index) {
  console.log(tmp,item,index);
  // 1 3  1
 //  4 5  2
 //  9 7  3
    if (index != arr.length - 1) { // 不是最后一次
        return tmp + item
    } else {
        return (tmp + item)/arr.length
    }
})
console.log(result,'[[[u99')  // 平均值  4

5.every:

every()遍历数组每一项,每一项返回true,最终结果为true.有一项返回false,停止遍历,结果返回为false。不改变原数组。

var arr = [1, 3, 4, 7]
var arr2 = [2, 6, 4, 8]
var result = arr.every(item=>item%2==0)
var result2 = arr2.every(item=>item%2==0)
console.log(result,result2);//false true

6.some:

遍历数组每一项,有一项返回true,则停止遍历,结果返回true。不改变原数组。

var arr = [1, 3, 4, 7]
var arr2 = [2, 6, 4, 8]
var result = arr.some(item=>item%2==0)
var result2 = arr2.every(item=>item>8)
console.log(result,result2);// true  false
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在ES6中,可以采用以下几种方法来手写数组去重: 1. 使用Set数据结构: 使用Set数据结构是一种简单且高效的方法,由于Set不允许重复值,因此可以利用这一特性快速实现数组去重: ```javascript const arr = [1, 2, 3, 4, 5, 1, 2, 3]; const uniqueArr = [...new Set(arr)]; ``` 2. 使用filter方法: 利用数组的filter方法结合indexOf可以实现数组去重。 ```javascript const arr = [1, 2, 3, 4, 5, 1, 2, 3]; const uniqueArr = arr.filter((item, index) => arr.indexOf(item) === index); ``` 3. 使用reduce方法: 利用reduce方法遍历数组,将不重复的值保存在一个新的数组中。 ```javascript const arr = [1, 2, 3, 4, 5, 1, 2, 3]; const uniqueArr = arr.reduce((acc, cur) => { if (!acc.includes(cur)) { acc.push(cur); } return acc; }, []); ``` 这些方法都可以在ES6中手写实现数组去重,具体选择哪种方法取决于实际的需求和性能要求。 ### 回答2: ES6提供了几种去重数组方法,下面我将手写几个常用的数组去重方法方法一:使用Set对象 ```javascript let arr = [1, 2, 3, 3, 4, 4, 5]; let uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 方法二:使用filter函数和indexOf方法 ```javascript let arr = [1, 2, 3, 3, 4, 4, 5]; let uniqueArr = arr.filter((item, index) => arr.indexOf(item) === index); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 方法三:使用reduce函数 ```javascript let arr = [1, 2, 3, 3, 4, 4, 5]; let uniqueArr = arr.reduce((prev, curr) => prev.includes(curr) ? prev : [...prev, curr], []); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 方法四:使用利用Map对象 ```javascript let arr = [1, 2, 3, 3, 4, 4, 5]; let map = new Map(); arr.forEach(item => map.set(item, item)); let uniqueArr = [...map.values()]; console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 以上就是我手写的几个利用ES6实现数组去重的方法。这些方法都能有效地去除数组中的重复元素。 ### 回答3: 在ES6中,有许多方法可以用来手写数组去重。以下是其中几种常见的方法: 1. 使用Set对象:ES6新增的Set对象可以用来存储唯一的值。可以将数组转换为Set对象,然后将Set对象再转换回数组,即可实现数组的去重。 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 2. 使用reduce方法:使用reduce方法遍历数组,将每个元素添加到一个空数组中,但之前先检查该元素是否已存在于新数组中。 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const uniqueArr = arr.reduce((acc, cur) => { if (!acc.includes(cur)) { acc.push(cur); } return acc; }, []); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 3. 使用filter方法:使用filter方法遍历数组,根据元素在数组中的索引位置进行判断,只保留第一次出现的元素。 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const uniqueArr = arr.filter((value, index, self) => { return self.indexOf(value) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 这些方法都可以有效地实现数组的去重,根据实际情况选择适合的方法使用即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值