javascript数组去重的方法

今天小编给大家分享一下javascript数组去重的方法的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

成都创新互联公司主要为客户提供服务项目涵盖了网页视觉设计、VI标志设计、成都全网营销、网站程序开发、HTML5响应式成都网站建设、手机网站制作、微商城、网站托管及网站维护、WEB系统开发、域名注册、国内外服务器租用、视频、平面设计、SEO优化排名。设计、前端、后端三个建站步骤的完善服务体系。一人跟踪测试的建站服务标准。已经为活动板房行业客户提供了网站推广服务。

第1个功能：数组去重。

实现方案1：

思路：对待去重的数组arr进行for循环遍历，然后在新的数组newArr中去查找当前被遍历的元素arr[i]，如果返回值为-1，说明在新的数组中还没有出现过当前被遍历的元素arr[i]，则把该元素放到新的数组中。当数组arr遍历完以后，新数组newArr就是去重以后的数组。

var arr = [1, 4, 7, 4, 3, 2, 1, 4, 7];

var newArr = [];

for(var i = 0; i < arr.length; i++) {

if(newArr.indexOf(arr[i]) === -1) {

newArr.push(arr[i]);

}

}

console.log(newArr);

实现方案2：

思路：该方案和方案1思路相同，只不过是使用reduce方法进行遍历。

var arr = [1, 4, 7, 4, 3, 2, 1, 4, 7];

var newArr = arr.reduce((newArr, current) => {

if(newArr.indexOf(current) === -1) {

newArr.push(current);

}

return newArr;

}, []);

console.log(newArr);

实现方案3：

思路：当前方案使用了ES6新增的set数据解构的去重特性，然后在将生成的set对象转换成数组。

var arr = [1, 4, 7, 4, 3, 2, 1, 4, 7];

var newArr = Array.from(new Set(arr));

console.log(newArr);

第2个功能：在数组中找出最小值（或者最大值）。

实现方案1：

思路：假设第一个数组元素是最小值，然后对数组后面的元素进行遍历、判断，如果当前被遍历的元素小于iMin变量的值，说明iMin变量的值还不是最小值，则将当前遍历的元素值替换掉iMin变量的值。当循环结束，iMin变量的值就是数组中最小的值。

var arr = [23, 45, 40, 30, 12];

var iMin = arr.shift();

arr.forEach((v) => {

iMin = v < iMin ? v : iMin;

});

console.log(iMin);

实现方案2：

思路：利用Math.min()方法求最小值，但是该方法的参数是一个数值列表，而不是一个数组，故使用ES6新增的扩展运算符将数组转换成列表，然后传递到Math.min()方法中去即可。

var arr = [23, 45, 40, 30, 12];

var iMin = Math.min(...arr);

console.log(iMin);

第3个功能：交换两个变量的值。

实现方案1：

思路：将变量a的值给到临时变量temp，然后再将变量b的值给变量a，最后再将临时变量temp的值给变量b，至此完成变量a和变量b交换值的功能。

var a = 4, b = 6;

var temp = a;

a = b;

b = temp;

console.log(a , b);

实现方案2：

思路：利用ES6的数组解构方法，实现在不使用第三个变量的情况下，完成变量a和变量b的数据交换。

var a = 4, b = 6;

[a, b] = [b, a];

console.log(a, b);

以上就是“javascript数组去重的方法”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。

网页名称：javascript数组去重的方法
网站链接：https://www.cdcxhl.com/article46/iehdeg.html

成都网站建设公司_创新互联，为您提供App设计、ChatGPT、网站改版、网站内链、面包屑导航、企业网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联