es6数组去重 javascript

2024-10-22

JavaScript数组去重—ES6的两种方式

说明 JavaScript数组去重这个问题,经常出现在面试题中,以前也写过一篇数组去重的文章,(JavaScript 数组去重的多种方法原理详解)但感觉代码还是有点不够简单,今天和大家再说两种方法,代码可是足够的少了. 解释方法一: function unique(arr) { const res = new Map(); return arr.filter((a) => !res.has(a) && res.set(a, 1)) } 就这么短,就可以了,我们来解释一下为什么. M

ES6数组去重

今天五一,在出去玩之前赶紧写篇博客,时刻不要忘记学习^_^!! 提到数组去重,想必大家都不陌生,会的同学可能噼里啪啦写出好几个,下面来看看之前常见的去重代码: 'use strict'; var arr = [1,'a',undefined,null,NaN,1,'a',undefined,null,NaN]; Array.prototype.remDub = Array.prototype.remDub || function(){ this.sort(); var arr = [this[0

ES6数组去重及ES5数组去重方法

ES6中新增了Set数据结构,类似于数组,但是它的成员都是唯一的 ,其构造函数可以接受一个数组作为参数,如: let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3]; let set = new Set(array); console.log(set); // => Set {1, 2, 3, 4, 5} ES6中Array新增了一个静态方法Array.from,可以把类似数组的对象转换为数组,如通过querySelectAll方法得到HTML DOM Node

js数组去重 javascript版

//js数组去重 //思路: // 1.放入第一个元素 // 2.放入第n个元素,和第n个之前的元素就行比较,如果有重复,则跳过.没有重复就加入数组中 // 3.返回新的去重后数组 Array.prototype.removeRepeat=function(isRepeat){ var onleArr=[] for(var i=1;i<this.length;i++){ //如果重复 var repeat=false for(var n=0;n<i;n++){ //与前面的是否有重复 if(i

ES6数组去重方法

Set实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员),操作方法有:add(value).delete(value).has(value).clear():遍历方法有:keys().values().entries().forEach() 1.ES6——new Set方法 const myArray = [1,1,2,2,3,3,4,4,5,5] console.log([...new Set(myArray )]);// [1, 2, 3, 4, 5] 2.Array.

es6 数组去重

方法一: var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2]; var arr2 = arr.filter((x, index,self)=>{ // self:表示该数组对象 // x: 表示当前对象 // index: 表示当前元素下标 return self.indexOf(x)===index }) console.log(arr2); //[1, 2, 3, 4, 5, 6, 7, 8, 0, 56] 方法二: var

js(es6)数组去重

// 利用set.reduce.filter去重 // Set function getSetArr(arr) { return [...new Set(arr)] } console.log(getSetArr([1, 2, 3, 1, 3])) // [1, 2, 3] // reduce function getRedArr(arr) { let arr1 = arr.reduce((ar, cur) => { if (!ar.includes(cur)) { ar.push(cur) }

ES6 数组去重方法用了filter或者 indexOf Array.from

【跟着大佬学JavaScript】之数组去重（结果对比）

前言数组去重在面试和工作中都是比较容易见到的问题. 这篇文章主要是来测试多个方法,对下面这个数组的去重结果进行分析讨论.如果有不对的地方,还请大家指出. const arr = [ 1, 1, "1", "1", 0, 0, "0", "0", true, false, "true", "false", "a", "A", undefined,

JS 数组去重的几种方式

JS 常见的几种数组去重方法一.最简单方法(indexOf 方法) 实现思路:新建一个数组,遍历要去重的数组,当值不在新数组的时候(indexOf 为 -1)就加入该新数组中: function unique(arr){ var newArr = []; for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]) } } return newArr; } var arr =

ES6数组相关

ES6数组新增的几个方法: 1. forEach() //forEach()遍历数组,无返回值,不改变原数组 var arr=[1,2,3,4] arr.forEach((item,index,arr)=>{ console.log(item); //1,2,3,4 }) 2. map() //map()遍历一个数组,返回新数组,不改变原数组的值 var arr=[1,2,3,4] arr.map((item,index,arr)=>{ return item*10; //返回新数组10,20

JavaScript常见的五种数组去重的方式

▓▓▓▓▓▓ 大致介绍 JavaScript的数组去重问题在许多面试中都会遇到,现在做个总结先来建立一个数组 var arr = [1,2,3,3,2,'我','我',34,'我的',NaN,NaN]; ▓▓▓▓▓▓ 第一种思路:建立一个临时数组,用for循环去依次判断arr中的每个项在临时数组中是否有相同的值,如果没有则将这个值添加到临时数组,如果有相同的值则不添加,最后返回这个临时数组代码: Array.prototype.removeDuplicate = function(){ v

也谈面试必备问题之 JavaScript 数组去重

Why underscore (觉得这部分眼熟的可以直接跳到下一段了...) 最近开始看 underscore.js 源码,并将 underscore.js 源码解读放在了我的 2016 计划中. 阅读一些著名框架类库的源码,就好像和一个个大师对话,你会学到很多.为什么是 underscore?最主要的原因是 underscore 简短精悍(约 1.5k 行),封装了 100 多个有用的方法,耦合度低,非常适合逐个方法阅读,适合楼主这样的 JavaScript 初学者.从中,你不仅可以学到用

Javascript从“繁”到“简”进行数组去重

随着JavaScript提供语法的增多,数组去重方式也越来越多.现在从最原始的方式到最简洁的方式,一步步进行剖析. 双重循环数组去重,不就是比较数组元素,去掉重复出现的么.最原始的方式不正是双重循环进行比较处理嘛创建res数组存放返回结果:外层循环遍历target中的每一个数组元素,内层循环将target中的数组元素与res数组中的每一个值进行对比,如果都不相同,则存放到res中.循环完成,返回去重后的数组.这种原始的方式具有良好的兼容性. indexof优化内层循环在本栗中使用index

JavaScript 数组去重方法总结

1.遍历数组法: 这应该是最简单的去重方法(实现思路:新建一新数组,遍历数组,值不在新数组就加入该新数组中) // 遍历数组去重法 function unique(arr){ var _arr = [] //遍历当前数组 for(var i = 0; i < arr.length; i++){ //如果当前数组的第i已经保存进了临时数组,那么跳过, //否则把当前项push到临时数组里面 if (_arr.indexOf(arr[i]) == -1) _arr.push(arr[i]) } re

再谈 javascript 数组去重

前言数组去重方法老生常谈,既然是常谈,我也来谈谈双层循环也许我们首先想到的是使用 indexOf 来循环判断一遍,但在这个方法之前,让我们先看看最原始的方法: var array = [1,1,'1','1']; function unique(array) { var res = []; for(var i = 0, arrayLen = array.length; i < arrayLen; i++) { for(var j = 0, resLen = res.length; j <

从JavaScript 数组去重看兼容性有关问题，及性能优化（摘自玉伯博客）

JavaScript 数组去重经常出现在前端招聘的笔试题里,比如: 有数组 var arr = ['a', 'b', 'c', '1', 0, 'c', 1, '', 1, 0],请用 JavaScript 实现去重函数 unqiue,使得 unique(arr) 返回 ['a', 'b', 'c', '1', 0, 1, ''] 作为笔试题,考点有二: 正确.别小看这个考点,考虑到 JavaScript 经常要在浏览器上运行,在千姿百态的各种浏览器环境下要保障一个函数的正确性可不是一件简单的事

JavaScript 数组去重方法汇总

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

js数组去重方法包括Es6（方法有很多，但是需要考虑兼容性和数据类型场景）

1.Es6提供的方法 <script type="text/javascript"> //ES6里新添加了两个方法,set(set是一种新的数据结构,它可以接收一个数组或者是类数组对象,自动去重其中的重复项目) //Array.from(类数组对象.可迭代对象转化为数组). var arr = [1, 2, 3, 2, 4, 5, 5, null, null, undefined, undefined, NaN, NaN] const item = new Set(arr)

JavaScript数组去重的7种方式

1.利用额外数组 function unique(array) { if (!Array.isArray(array)) return; let newArray = []; for(let i=0, len=array.length; i<len; i++) { let itemAtIndex = array[i]; if (!newArray.includes(itemAtIndex)) { // newArray.indexOf(itemAt

es6数组去重 javascript

热门专题