当前位置: 首页 > Web前端 > JavaScript

三分钟学会JavaScript中set对象的使用

时间:2023-03-27 16:37:11 JavaScript

三分钟学会JavaScript中set对象的使用Set对象Set对象允许你存储任何类型的唯一值,无论是原始值还是对象引用。1.1构造方法constset1=newSet([1,2,3,4,5]);constset2=newSet();constset3=newSet([1,2,3,4,5,1]);1.2大小属性:数字console.log(set1.size)//5console.log(set2.size)//0console.log(set3.size)//51.3add方法:在set对象末尾添加一个新元素,同时返回set对象set2.add(1)1.4clear方法:删除set对象中所有元素,无返回值console.log(set1.clear())/undefined1.5entriesmethod:返回一个新的迭代器对象,它包含了[value,value]数组中的值,该数组为Set对象中的所有元素按插入顺序排列。为了使此方法与Map对象相似,每个值的键和值都相等。lettest=set3.entries()for(letitemoftest){console.log(item)}自己打印一下就知道了1.6forEach方法:Set对象中的每个值按插入顺序调用一次callBackFn.如果提供了thisArg参数,则回调中的this将是此参数。set3.forEach((item)=>{console.log(item)})1.7hasmethod返回一个布尔值,表示该值是否存在于Set中。set3.has(10)//falseset3.has(1)//true1.8values方法返回一个新的迭代器对象,它包含了Set对象中所有元素按插入顺序的值。for(letitemoftest){console.log("item",item)}1.9delete方法:删除元素并返回set.prototype.has(value)在本次操作前会返回的值(即如果元素存在,返回true,否则返回false)set3.delete(1)明天大概写一下map对象的用法,发不出去就十二点了哈哈。关于迭代器对象,这个东西真的很难用语言来表达。我有机会写下它。