JavaScript ES6基础二

1.扩展运算符

@H_502_2@

将一个数组转为用逗号分隔的参数序列

<script>
    // 将所有传参求和
    function sum(){
        var total = 0
        for(var i = 0; i < arguments.length; i++){
            total += arguments[i]
        }
        return total
    }
    var arr = [1,2,3,4,5]
    var arr2 = [3,4,5]
    console.log(sum(...arr)) //15
    console.log(sum(...arr2)) // 12

    // ES5 获取数组元素的 总和
    console.log(sum.apply(this,arr))
</script>

@H_502_2@

还可以用于数组的拼接与合并

<script>
    // 数组拼接
    var arr = [1,2,3]
    var arr2 = [3,4,5]
    arr.push(...arr2)
    console.log(arr) // [1, 2, 3, 3, 4, 5]

    // 数组合并
    var arr3 = [1,2,3]
    var arr4 = [3,4,5]
    var newArr = [...arr3,...arr4]
    console.log(newArr) // [1, 2, 3, 3, 4, 5]
</script>

@H_502_2@

对象

<script>
    var p = {name: 'kyo',age: 20}
    var p2 = {...p}
    console.log(p2.name,p2.age) //  'kyo' 20

    // ES5方法
    Object.keys(p).forEach(key => {
        p2[key] = p[key]
    })
</script>

@H_502_2@

字符串

<script>
    var str = 'hello'
    var arr = [...str]
    console.log(arr) // ['h','e','l','l','o']
    // ES5方法
    arr = str.split('')
</script>

2.Set 数据结构

ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。
常用方法：
add()：向Set中添加元素
delete()：从Set中删除元素
has()：判断某元素是否存在
clear()：清空所有元素
Set和Array可以互转,可以利用它进行数组去重
可以用forEach()遍历遍历Set