三分钟学习一下JavaScript中set对象的用法
set对象
Set 对象容许你存储任何类型的惟一值,无论是原始值或者是对象援用。
1.1 构造方法
const set1 = new Set([1, 2, 3, 4, 5]);
const set2 = new Set();
const set3 = new Set([1, 2, 3, 4, 5, 1]);
1.2 size属性 :个数
console.log(set1.size) // 5
console.log(set2.size) // 0
console.log(set3.size) // 5
1.3 add办法: 在set对象的尾部退出一个新元素,同时返回set对象
set2.add(1)
1.4 clear办法:移除set对象中的所有元素 没有返回值
console.log(set1.clear()) / undefined
1.5 entries办法:返回一个新的迭代器对象,该对象蕴含Set对象中的按插入顺序排列的所有元素的值的[value, value]数组。为了使这个办法和Map对象放弃类似, 每个值的键和值相等。
let test = set3.entries()
for (let item of test) {
console.log(item)
}
自行打印下就晓得了
1.6 forEach办法:依照插入程序,为Set对象中的每一个值调用一次callBackFn。如果提供了thisArg参数,回调中的this会是这个参数。
set3.forEach((item) => {
console.log(item)
})
1.7 has办法 返回一个布尔值,示意该值在Set中存在与否。
set3.has(10) // false
set3.has(1) // true
1.8 values办法 返回一个新的迭代器对象,该对象蕴含Set对象中的按插入顺序排列的所有元素的值。
for (let item of test) {
console.log("item", item)
}
1.9 delete办法:删除元素 ,返回Set.prototype.has(value)在这个操作前会返回的值(即如果该元素存在,返回true,否则返回false)
set3.delete(1)
今天大略写一下map对象的用法,再不收回去就十二点了哈哈。
对于迭代器对象,这玩意可真的不好用文字来表白。有机会了专门写一下。
发表回复