企业官方网站建设,推广软件哪个好,网站如何建设名称,旅游网站制作方法1 Set对象 介绍: Set数据结构类似数组#xff0c;但所有成员的值唯一。 Set本身为一个构造函数#xff0c;用来生成 Set数据结构#xff0c;使用 add方法来添加新成员。 let a new Set(); [1,2,2,1,3,4,5,4,5].forEach(xa.add(x)); for(let k of a){ console.log(k…1 Set对象 介绍: Set数据结构类似数组但所有成员的值唯一。 Set本身为一个构造函数用来生成 Set数据结构使用 add方法来添加新成员。 let a new Set(); [1,2,2,1,3,4,5,4,5].forEach(xa.add(x)); for(let k of a){ console.log(k) }; // 1 2 3 4 5 基础使用 let a new Set([1,2,3,3,4]); [...a]; // [1,2,3,4] a.size; // 4 // 数组去重 [...new Set([1,2,3,4,4,4])];// [1,2,3,4] 注意向 Set中添加值的时候不会类型转换即 5和 5是不同的。 [...new Set([5,5])]; // [5, 5] 属性和方法 属性 Set.prototype.constructor构造函数默认就是 Set函数。 Set.prototype.size返回 Set实例的成员总数。 操作方法 add(value)添加某个值返回 Set 结构本身。 delete(value)删除某个值返回一个布尔值表示删除是否成功。 has(value)返回一个布尔值表示该值是否为Set的成员。 clear()清除所有成员没有返回值。 let a new Set(); a.add(1).add(2); // a Set(2) {1, 2} a.has(2); // true a.has(3); // false a.delete(2); // true a Set(1) {1} a.clear(); // a Set(0) {} 数组去重 let a new Set([1,2,3,3,3,3]); 2 Set的应用数组去重 / 方法1 [...new Set([1,2,3,4,4,4])]; // [1,2,3,4] // 方法2 Array.from(new Set([1,2,3,4,4,4])); // [1,2,3,4] 遍历和过滤 let a new Set([1,2,3,4]); // map 遍历操作 let b new Set([...a].map(x x*2));// b Set(4) {2,4,6,8} // filter 过滤操作 let c new Set([...a].filter(x (x%2) 0)); // b Set(2) {2,4} 获取并集、交集和差集 let a new Set([1,2,3]); let b new Set([4,3,2]); // 并集 let c1 new Set([...a, ...b]); // Set {1,2,3,4} // 交集 let c2 new Set([...a].filter(x b.has(x))); // set {2,3}// 差集 let c3 new Set([...a].filter(x !b.has(x))); // set {1} 遍历方法 keys()返回键名的遍历器。 values()返回键值的遍历器。 entries()返回键值对的遍历器。 forEach()使用回调函数遍历每个成员。 Set遍历顺序是插入顺序当保存多个回调函数只需按照顺序调用。但由于 Set结构没有键名只有键值所以 keys()和 values()是返回结果相同。 let a new Set([a,b,c]); for(let i of a.keys()){console.log(i)}; // a b c for(let i of a.values()){console.log(i)}; // a b c for(let i of a.entries()){console.log(i)}; // [a,a] [b,b] [c,c] 并且 还可以使用 for...of直接遍历 Set。 let a new Set([a,b,c]); for(let k of a){console.log(k)}; // a b c forEach与数组相同对每个成员执行操作且无返回值。 let a new Set([a,b,c]); a.forEach((v,k) console.log(k : v)); 3 Map对象 由于传统的 JavaScript对象只能用字符串当做键给开发带来很大限制ES6增加 Map数据结构使得各种类型的值(包括对象)都可以作为键。 Map结构提供了“值值”的对应是一种更完善的 Hash 结构实现。
基础使用 let a new Map(); let b {name: leo }; a.set(b,my name); // 添加值 a.get(b); // 获取值 a.size; // 获取总数 a.has(b); // 查询是否存在 a.delete(b); // 删除一个值 a.clear(); // 清空所有成员 无返 注意 传入数组作为参数指定键值对的数组。 let a new Map([ [name,leo], [age,18] ])如果对同一个键多次赋值后面的值将覆盖前面的值。 let a new Map(); a.set(1,aaa).set(1,bbb); a.get(1); // bbb如果读取一个未知的键则返回 undefined。 new Map().get(abcdef); // undefined同样的值的两个实例在 Map 结构中被视为两个键。 let a new Map(); let a1 [aaa]; let a2 [aaa]; a.set(a1,111).set(a2,222); a.get(a1); // 111 a.get(a2); // 222 遍历方法 Map 的遍历顺序就是插入顺序。 keys()返回键名的遍历器。 values()返回键值的遍历器。 entries()返回所有成员的遍历器。 forEach()遍历 Map 的所有成员。 let a new Map([ [name,leo], [age,18] ]) for (let i of a.keys()){...}; for (let i of a.values()){...}; for (let i of a.entries()){...}; a.forEach((v,k,m){ console.log(key:${k},value:${v},map:${m}) }) 将Map结构转成数组结构 let a new Map([ [name,leo], [age,18] ]) let a1 [...a.keys()]; // a1 [name, age] let a2 [...a.values()]; // a2 [leo, 18] let a3 [...a.entries()];// a3 [[name,leo], [age,18]] 4 Map与其他数据结构互相转换
Map 转 数组 Map 转 数组 let a new Map().set(true,1).set({f:2},[abc]); [...a]; // [[true:1], [ {f:2},[abc] ]]数组 转 Map let a [ [name,leo], [1, hi ]] let b new Map(a);Map 转 对象 如果所有 Map 的键都是字符串它可以无损地转为对象。 如果有非字符串的键名那么这个键名会被转成字符串再作为对象的键名。 function fun(s) { let obj Object.create(null); for (let [k,v] of s) { obj[k] v; } return obj; }const a new Map().set(yes, true).set(no, false); fun(a) // { yes: true, no: false } 对象 转 Map 对象 转 Map function fun(obj) { let a new Map(); for (let k of Object.keys(obj)) { a.set(k, obj[k]); } return a; } fun({yes: true, no: false}) // Map {yes true, no false} Map 转 JSON
(1)Map键名都是字符串转为对象JSON function fun (s) { let obj Object.create(null); for (let [k,v] of s) { obj[k] v; } return JSON.stringify(obj) } let a new Map().set(yes, true).set(no, false); fun(a); // {yes:true,no:false} (2)Map键名有非字符串转为数组JSON function fun (map) { return JSON.stringify([...map]); } let a new Map().set(true, 7).set({foo: 3}, [abc]); fun(a) // [[true,7],[{foo:3},[abc]]] JSON 转 Map (1)所有键名都是字符串 function fun (s) { let strMap new Map(); for (let k of Object.keys(s)) { strMap.set(k, s[k]); } return strMap; return JSON.parse(strMap); } fun({yes: true, no: false}) // Map {yes true, no false} (2)整个 JSON 就是一个数组且每个数组成员本身又是一个有两个成员的数组: function fun2(s) { return new Map(JSON.parse(s)); } fun2([[true,7],[{foo:3},[abc]]]) // Map {true 7, Object {foo: 3} [abc]}
