JavaScript-ES6 – Set数据类型[不常用]

释放双眼,带上耳机,听听看~!
不能用重复的值哦,可以用来去重呢

阮一峰ES6 – set

/*
    Set需要new出来
    1. 自己添加数据进去
    2. new的时候传入一个数组
    3. 内部不允许有重复的值
*/

// // 1. 创建并人为添加
// const set = new Set()
// // 添加 重复的 不会添加进去
// set.add('西兰花炒蛋')
// set.add('西兰花炒蛋')
// set.add('西兰花炒蛋')
// set.add('西兰花炒蛋')
// set.add('西兰花炒蛋')
// set.add('西兰花炒蛋')
// set.add('剁椒炒蛋')
// console.log(set)

// 2.new的时候传入输入
// const foodArr = [
//   '西兰花炒蛋',
//   '剁椒炒蛋',
//   '西兰花炒蛋',
//   '西兰花炒蛋',
//   '西兰花炒蛋',
//   '西兰花炒蛋'
// ]
// // console.log(foodArr)
// // 通过Set去重
// const foodSet = new Set(foodArr)
// // console.log(foodSet)
// // 为了获取方便 set转数组
// // console.log(foodSet[0])
// const foodArr2 = [...foodSet]
// // console.log(foodArr2)
// console.log(foodArr2[0])
// console.log(foodArr2[1])

// 3.Set去重简写
const foodArr = [
  '西兰花炒蛋',
  '剁椒炒蛋',
  '西兰花炒蛋',
  '西兰花炒蛋',
  '西兰花炒蛋',
  '西兰花炒蛋',
  '土豆炒鸡蛋',
  '猪脚炒西兰花'
]

// 展开 去重之后的 Set对象
const foodArr2 = [...new Set(foodArr)]
console.log(foodArr2)
内容投诉
ES6JavaScript

JavaScript-ES6 - 数组的扩展运算符[常用]

2020-8-22 16:53:36

ES6JavaScript

JavaScript-ES6 - 箭头函数[常用到令人发指]

2020-8-22 18:05:26

搜索