JavaScript数组去重，排序

一. 去重

1. 使用ES6里面的Set

Set类似于数组，但是其中成员的值唯一，没有重复的值。

Array.from可将Set结构转换为数组。

2.使用indexOf

思路：因为indexOf（）方法可以用来制定某个字符在字符串中首次出现的位置，如果用在数组中，indexOf() 方法可返回数组中某个指定的元素位置。

如果在新数组temp中首次出现的位置为-1（即没有出现过），则将该元素push进新数组。同理，使用lastIndexOf也可以。

3.

二. 排序

三.应用:找出页面所有元素并且输出个数

方法一：

var oDiv = document.getElementById('div1').getElementsByTagName("*")
// var oDiv = document.getElementsByTagName("*")
console.log(oDiv);

var arr=[]
for(var i=0;i<oDiv.length;i++) {
    arr.push(oDiv[i].tagName.toLowerCase())
}
var temp=Array.from(new Set(arr))
console.log(temp);

for(var i=0;i<temp.length;i++) {
    var count=0
    for(var j=0;j<oDiv.length;j++) {
        if(temp[i] === oDiv[j].tagName.toLowerCase()) {
            count++;
        }
    }
    console.log('元素：'+temp[i],'，数量：'+count)
}

归纳点：

（1）获取的元素是类数组元素，不能直接使用数组方法，需要转换为数组

• 方法一：遍历原来的类数组对象，将每个元素push进一个新数组
• 方法二：es6新增了扩展运算符(...arrayLike)以及Array.from(arrayLike)方法，可以直接将类数组转换为真正的数组。
• 方法三：Array.prototype.slice.call(arrayLike)

（2）获取的元素不能直接比较，tagName 属性返回元素的标签名。HTML 返回 tagName 属性的值是大写的。

方法二：

window.onload = function () {
    var oDiv = document.getElementById('div1').getElementsByTagName("*")
    // var oDiv = document.getElementsByTagName("*")
    console.log(oDiv);

    var obj={}
    for(var i=0;i<oDiv.length;i++) {
        var count=0;
        for(var j=0;j<oDiv.length;j++){
            if(oDiv[i].tagName.toLowerCase() === oDiv[j].tagName.toLowerCase()) {
                count++;
            }
        }
        obj[oDiv[i].tagName.toLowerCase()]=count
    }
    console.log(obj);
}

思路：

因为对象中的属性值不重复，所以可以将重复的+1，并且将值赋给对象的属性