快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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数组去重的方法
分享路径:http://6mz.cn/article/iehdeg.html

其他资讯