美文网首页
js es6 Set 基本语法和应用

js es6 Set 基本语法和应用

作者: pengkiw | 来源:发表于2020-11-25 16:15 被阅读0次
  1. 基本用法 (增删清)

let s = new Set([1, 2, 3, 4, 2]);
console.log(s) // Set(4) {1, 2, 3, 4} 
console.log(s.size) // 4 
s.add('new')
console.log(s) // Set(5) {1, 2, 3, 4,'new'} 
s.delete(3)
console.log(s) // Set(4) {1, 2, 4,'new'}
s.clear()
console.log(s) // Set() {}

2.可遍历 (key和value相等)


let s1 = new Set([1, 2, 3, 4]); //可遍历 key和value相等
console.log('s1', s1)

for (const item of s1.keys()) {
    console.log('item', item) //1,2,3,4
}
for (const item of s1.values()) {
    console.log('item', item) //1,2,3,4
}
for (const item of s1.entries()) {
    console.log('item', item) //[1,1] [2,2] [3,3] [4,4]
}

应用

1.去重

let a1 = [1, 2, 3, 4, 5];
let a2 = [3, 4, 5, 6, 7];

// 去重
let s1 = new Set([...a1, ...a2]); //通过set元素不可重复 实现去重
s1 = Array.from(s1) //通过Array.fromset转array
console.log(s1) // [1, 2, 3, 4, 5, 6, 7]

相关文章

  • js es6 Set 基本语法和应用

    基本用法 (增删清) 2.可遍历 (key和value相等) 应用 1.去重

  • JS数组去重

    1、ES6语法filter()去重 2、ES6语法new Set()去重

  • ES6 Features

    记录部分 ES6语法 Map 和 Set Set Set 类似于数组,成员都是唯一的, Set 内部去重的比较,类...

  • nodejs与javascript的区别

    nodejs是js的运行环境nodejs和js都可以使用es6语法,es6 ECMAScript 2015规范。 ...

  • vue 修改对象方法

    1.set方法,添加一个属性和值set方法还可以为对象添加属性和值 2.Object.assign(ES6语法),...

  • JS 常见的几种去重方法及原理

    # 1. ES6 语法 new Set() 方法去重 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的...

  • JS 中常见的几种去重方法

    # 1. ES6 语法 new Set() 方法去重 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的...

  • JS优雅写法记录

    1、ES6语法篇 2、js简洁写法 3、js数组篇

  • 数组去重

    1、Set新的es6语法 其实也可以这样:直接[...set],直接将set解构,再在外边封装成数组

  • JS基本操作

    js编写位置 js基本语法 字面量和变量

网友评论

      本文标题:js es6 Set 基本语法和应用

      本文链接:https://www.haomeiwen.com/subject/iueniktx.html