ES6新增数据类型 - SET数据类型，MAP数据类型-附有详细例子

SET数据类型

类似于数组类型，但是不会存储重复的数据

创建set类型

const 变量 = new Set( [ 数据1 , 数据2 , ...... ] )

set类型的函数方法

set对象.add( )                         -------- 新增

set对象.delete( )                     -------- 删除

set对象.clear( )                       -------- 清除

set对象.has( )                         -------- 有没有

set对象.forEach( function( 参数1 , 参数2 , 参数3 ){ } )       -------- 循环遍历

                参数1 参数2 ：都是set单元的数值数据

                参数3 ：是原始的set

举例子：

// 创建
const set = new Set( [ 100 , 200 , 300 , 200 , 400 ] )

// 新增
set.add( '北京' )
console.log('新增后：', set )

// 删除
set.delete( 100 )
console.log('删除后：', set )

// 判断有没有
console.log('有没有：', set.has(100) )

// 循环遍历
set.forEach( function(a,b,c){
console.log('循环遍历的参数：', a,b,c)
})

// 清除
set.clear()
console.log('清除后：', set )

对应的输出：

 MAP数据类型

类似于对象数据类型

创建MAP数据类型

const 变量 = new Map( [ [ ' 键名 ' , ' 键值 ' ] , [ ' 键名 ' , ' 键值 ' ] , [ ' 键名 ' , ' 键值 ' ] , ...... ] )

一般直接这样写数据很不方便可以采取.set()来设定数据

数据类型的函数方法

map对象.set( )        -------- 设定

map对象.get( )        -------- 获取

map对象.delete( )        -------- 删除

map对象.clear( )        -------- 清除

map对象.has( )        -------- 有没有

map对象.forEach( function(参数1 , 参数2 , 参数3){})    ---------   循环遍历

                参数1 ：键值

                参数2 ：键名

                参数3 ：原始map 

map对象.set( )        -------- 设定

举个例子：

// 创建
const map = new Map([ ['name' , '张三'] , ['age' , 18] , ['sex' , '男'] ])

// 设定
map.set( 'addr' , '北京' )
map.set( 'phone' , 1203333333 )
console.log('设定后addr和phone后：', map)

// 获取
console.log( map.get( 'name' ) )

// 删除
map.delete( 'name' )
console.log('删除name后：', map)

//判断有没有
console.log('name有没有：', map.has( 'name' ) )
console.log('age有没有：', map.has( 'age' ) )

// 循环遍历
map.forEach(function(a,b,c){
    console.log('参数：', a,b,c );
})

// 清除
map.clear()
console.log('清除后：', map)

对应的输出：