JS中数组去重的几种简洁方式

1.通过forEach与findIndex结合的方式

function fun(arr){
  let result = []
  arr.forEach(value=>{
    if(result.indexOf(value)==-1){
      result.push(value)
    }
  })
  
  return result;
}

2.通过filter的方式

function fun(arr){
  return arr.filter((value,index,array)=>{
    return array.indexOf(value) === index
  })
}

3.通过Set并结合扩展运算符转换的方式

function fun(array){
  return [...new Set(array)]
}

4.通过一个对象记录保存的数

function fun(array){
  let obj = {}
  let result = []
  array.forEach(value=>{
    if(!obj[value]){
      obj[value] = value
      result.push(value)
    }
  })

  return result
}

5.通过Object.keys方法,这个方法有个缺陷是返回的数组是['','','']这种字符串数组,所以这种方法更适用于字符串数组去重,当然也可以使用parseInt或parseFloat结合数组的map方法对数据进行转换

function fun(array){
  let obj = {}
  array.forEach(value=>{
    obj[value] = value
  })

  return Object.keys(obj)
}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JS数组方式有很多种,下面列举几种常见的方法: 1. 使用Set数据结构 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = Array.from(new Set(arr)); console.log(newArr); // [1, 2, 3, 4, 5] ``` 2. 使用filter方法 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(newArr); // [1, 2, 3, 4, 5] ``` 3. 使用reduce方法 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = arr.reduce((prev, cur) => { if (!prev.includes(cur)) { prev.push(cur); } return prev; }, []); console.log(newArr); // [1, 2, 3, 4, 5] ``` 4. 使用Map数据结构 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const map = new Map(); const newArr = []; for (let i = 0; i < arr.length; i++) { if (!map.has(arr[i])) { map.set(arr[i], true); newArr.push(arr[i]); } } console.log(newArr); // [1, 2, 3, 4, 5] ``` ### 回答2: 在 JavaScript ,有多种方式可以对数组进行去操作。 1. 使用 Set 对象:Set 对象是 ES6 引入的新的数据结构,它类似于数组,但是成员的值都是唯一的。我们可以通过将数组转换为 Set 对象来实现去。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 2. 使用 indexOf 方法:通过遍历数组的每个元素,并使用 indexOf 方法来判断元素是否已经存在于结果数组。若不存在,则将该元素加入到结果数组。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = []; for (let i = 0; i < arr.length; i++) { if (uniqueArr.indexOf(arr[i]) === -1) { uniqueArr.push(arr[i]); } } console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 3. 使用 filter 方法:通过 filter 方法对数组进行筛选,只保留第一次出现的元素。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 以上是三种常见的 JavaScript 数组方式,根据具体需求和代码场景可以选择适合的方式进行使用。 ### 回答3: 在JavaScript,有多种方式可以对数组进行去。 一种简单的方法是使用Set。Set是ES6引入的一种新的数据结构,它只允许存储唯一的值,并且可以快速地判断一个值是否存在于Set。利用Set的特性,我们可以通过将原数组转换成Set,然后再将Set转换回数组,实现数组。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 另一种常见的方法是使用filter函数,通过循环遍历数组,将不复的元素添加到一个新的数组。利用filter函数的特性,我们可以通过判断当前元素在数组的索引是否与当前索引一致来判断是否复。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 还有一种简便的方法是利用reduce函数,通过循环遍历数组,将不复的元素添加到一个新的数组。利用reduce函数的特性,我们可以通过判断新数组是否已经存在当前元素来判断是否复。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = arr.reduce((pre, cur) => { if (!pre.includes(cur)) { pre.push(cur); } return pre; }, []); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 以上是JavaScript常用的几种数组方式。根据实际情况选择适合自己的方法来进行数组操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值