JS中去掉array中重复元素的方法

下面我将详细讲解 JS 中去掉 array 中重复元素的方法的完整攻略。

方法一:使用 Set 去重

可以将数组转换为 Set 对象,然后再将 Set 对象转换为数组,就达到了去重的效果。

示例代码:

const arr = [1, 2, 2, 3, 4, 4];
const set = new Set(arr);
const newArr = Array.from(set);
console.log(newArr); // [1, 2, 3, 4]

方法二:使用 filter 方法去重

基于 filter 方法的原理,在 callback 函数中通过 indexOf 方法判断数组中是否存在当前元素,如果存在则直接放弃,不存在则保留。

示例代码:

const arr = [1, 2, 2, 3, 4, 4];
const newArr = arr.filter((item, index, array) => {
  return array.indexOf(item) === index;
});
console.log(newArr); // [1, 2, 3, 4]

以上两种方法都可以很方便地去重一个数组中的元素,可以根据实际需求进行选择使用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS中去掉array中重复元素的方法 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JavaScript基础系列之函数和方法详解

    下面是“JavaScript基础系列之函数和方法详解”的完整攻略: 1. 函数的定义和调用 1.1 函数的定义 函数的定义可以使用 function 关键字,语法如下: function functionName(parameter1, parameter2) { // Function body } 其中 functionName 表示函数名,parame…

    JavaScript 2023年5月18日
    00
  • 详解JS中的立即执行函数

    详解JS中的立即执行函数 在JS中,立即执行函数(Immediately Invoked Function Expression,IIFE)是一种常见的函数调用方式。IIFE有许多不同的应用场景,例如定义模块、创建私有作用域等。本文将详细讲解IIFE的语法和使用场景,并提供两个示例说明。 语法 IIFE的基本语法如下: (function () { // 这…

    JavaScript 2023年5月28日
    00
  • js正则表达式之RegExp对象之compile方法 编译正则表达式

    RegExp是JavaScript中与正则表达式相关的全局对象。RegExp对象常用的方法有:test()、exec()、match()、replace()、search()等,其中compile()方法则用来对正则表达式进行编译。 compile()方法可以接受一个字符串参数,该参数代表需要编译的正则表达式。执行compile()方法后,会将参数字符串编译…

    JavaScript 2023年6月10日
    00
  • js实现让某个动作延迟几秒执行

    实现动作延迟执行可以通过JavaScript语言中提供的setTimeout()函数来实现。 该函数的语法为: setTimeout(function, delay) 其中“function”参数是需要执行的函数名或函数体,delay参数是延迟的时间,单位是毫秒。 下面给出两个示例来讲解该函数如何实现动作延迟执行: 示例一:实现3秒钟后弹窗提示 可以使用以下…

    JavaScript 2023年6月11日
    00
  • Javascript Date toGMTString() 方法

    以下是关于JavaScript Date对象的toGMTString()方法的完整攻略,包括两个示例说明。 JavaScript Date对象的toGMTString()方法 JavaScript的toGMTString()方法返回一个表示对象日期和时间部分的字符串,该字符串为格林威治标准时间(GMT)。 下面是使用对象的toGMTString()方法的示例…

    JavaScript 2023年5月11日
    00
  • JavaScript解决浮点数计算不准确问题的方法分析

    下面我将对“JavaScript解决浮点数计算不准确问题的方法分析”的完整攻略进行详细讲解。 问题的分析 在JavaScript中,浮点数计算可能会出现不准确的问题。例如,以下代码运行结果并不是我们预期的0.3: console.log(0.1 + 0.2); // 0.30000000000000004 这是因为JavaScript中数字采用的是IEEE7…

    JavaScript 2023年5月28日
    00
  • js 利用className得到对象的实现代码

    要使用 JavaScript 利用 className 得到对象,可以使用以下步骤: 获取对象:可以使用 document 对象中的 getElementById 或 getElementsByTagName 方法来捕捉需要获取的对象。如下所示: var obj = document.getElementById(‘myId’); var objList =…

    JavaScript 2023年6月10日
    00
  • js原生Ajax的封装和原理详解

    下面是关于”js原生Ajax的封装和原理详解”的完整攻略: 什么是Ajax Ajax是指异步JavaScript和XML(Asynchronous Javascript and XML)技术,主要用于异步加载数据,是一种无需重新加载整个网页的情况下,能够更新部分网页的技术。 使用Ajax技术,通过XMLHttpRequest对象向服务器发送请求,并进行异步通…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部