本篇文章给大家带来的内容是关于JavaScript中Set对象的介绍(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
一、创建Set对象实例
Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用
语法:new Set([iterable])
参数:
iterable 如果传递一个可迭代对象,它的所有元素将被添加到新的 Set中;如果不指定此参数或其值为null,则新的 Set为空
let arr = [1,2,2,3]; let mySet = new Set(arr); console.log(mySet); // Set(3) {1, 2, 3}
二、Set实例属性
1.size属性将会返回Set对象中元素的个数
let mySet = new Set(); mySet.add(1); mySet.add(5); mySet.add("some text"); console.log(mySet.size); // 3
三、Set实例方法
1.add() 方法用来向一个 Set 对象的末尾添加一个指定的值
语法:mySet.add(value)
参数:value 必需,需要添加到 Set 对象的元素的值
let mySet = new Set(); mySet.add(1); mySet.add(5).add("some text"); // 可以链式调用 console.log(mySet); // Set [1, 5, "some text"]
语法:mySet.delete(value)
参数:value 将要删除的元素
返回值:成功删除返回 true,否则返回 false
let mySet = new Set(); mySet.add("foo"); mySet.delete("foo"); // 返回 true,删除成功 console.log(mySet.size); // 0
语法:mySet.clear()
let mySet = new Set(); mySet.add(1); mySet.add("foo"); console.log(mySet.size); // 2 mySet.clear(); console.log(mySet.size); // 0
语法:mySet.has(value)
参数:
value 必须,是否存在于Set的值
返回值:如果指定的值(value)存在于Set对象当中,返回true; 否则返回 false
let mySet = new Set(); mySet.add("foo"); console.log(mySet.has("foo")); // true console.log(mySet.has("bar")); // false
语法:mySet.entries()
返回值:一个新的包含 [value, value] 形式的数组迭代器对象,value 是给定集合中的每个元素,迭代器 对象元素的顺序即集合对象中元素插入的顺序
let mySet = new Set(); mySet.add("foobar"); mySet.add(1); mySet.add("baz"); let setIter = mySet.entries(); console.log(setIter.next().value); // ["foobar", "foobar"] console.log(setIter.next().value); // [1, 1] console.log(setIter.next().value); // ["baz", "baz"]
语法:mySet.values() 或者 mySet.keys()
返回值:返回一个 Iterator 对象,这个对象以插入Set 对象的顺序包含了原 Set 对象里的每个元素
let mySet = new Set(); mySet.add("foo"); mySet.add("bar"); mySet.add("baz"); let setIter = mySet.values(); console.log(setIter.next().value); // "foo" console.log(setIter.next().value); // "bar" console.log(setIter.next().value); // "baz"
语法:mySet.forEach(callback[, thisArg])
参数:
callback 每个元素都会执行的函数
thisArg 当执行callback函数时候,可以当作this来使用
let mySet = new Set(["foo","bar",undefined]); mySet.forEach((value1,value2,set) => { console.log("key =",value1,",value =",value2); // key = foo ,value = foo });
以上就是JavaScript中Set对象的介绍(附示例)的详细内容,更多请关注php中文网其它相关文章!
已抢47631个
抢已抢3088个
抢已抢1094个
抢已抢1165个
抢已抢772个
抢已抢1484个
抢